body 
{
	font:normal 62.5%/1.95em "Helvetica", Arial, sans-serif; 
	height: 100%;
	position: relative;
	background-color:#372522;
}

#contenedor-fondo
{
width:100%;
height:100%;
overflow:hidden;
margin:0px 0 0 0;
	background-color:#f0efea;
}

#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:98;
  background-color:#fff;
  display:none;
}
  
.window {
  position:absolute;
  left:0;
  top:0;
  width:300px;
	min-height:100px;
	overflow:hidden;
  display:none;
  z-index:99;
  padding:20px;
  border:10px #372522 solid;
}

#popUpContenido {
  min-height :100px;
  overflow :hidden;
  width:500px; 
  padding:10px;
  background-color:#ffffff;
  font-size:1.2em;
}

#top  {
 	width:100%;
 	height:41px;
	margin:0 auto 0 auto;
	position:relative;
	background: url(../img/fondo-top.gif);
	background-repeat:repeat-x;
	margin-bottom:10px;
}

#top #bloque
{
	margin:0 auto 0 auto;
	width:980px; 
}

#top #bloque h1
{
	margin:0 auto 0 auto;
	width:800px; 
	font-size:1.8em;
	font-weight:bold;
	color:#eae3d5;
	text-align:left;
	float:left;
	padding-top:5px;
	padding-bottom:3px;
}

#top #bloque h1.telf
{
		float:right;
		width:150px;
	background: url(../img/telf.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding-top:5px;
	padding-left:20px;
}


#contentTop  
{	
	height:84px;
	width:100%;
	margin-bottom:30px;

}

#contentTop-left
{
	width:260px;
	float:left;
	height:84px;
	background: url(../img/logo.gif);
    background-repeat:no-repeat;
    background-position:left top;
}

#contentTop-rigth
{
	float:right;
	height:84px;
	width:700px;
	background: url(../img/fondo-menu.gif);
	background-repeat:repeat-x;
    background-position:bottom;
   margin-right:5px;
	
}

#slider UL.navigation LI {
display: inline;
list-style-type: none;
float:left;
padding-top:35px;
}

#slider UL.navigation A {
	COLOR: #372523; float: left; font-size:1.3em; font-weight:bold; margin:6px; padding:6px;text-decoration:none;
}
#slider UL.navigation A:hover 
{
		COLOR: #fff; BACKGROUND-COLOR: #372623;
}
#slider UL.navigation A.selected {

	COLOR: #372623; BACKGROUND-COLOR: #d1e694; border-bottom:1px #97b73d solid; text-decoration:none;
	
}
#slider UL.navigation A:focus {
	outline: none
}


#slider {
	width: 978px;
	margin: 0 auto;
	position: relative;
}

.scroll {
	height: 455px;
	width: 978px;
	overflow: hidden;	
	position: relative; /* fix for IE to respect overflow */
	clear: left;
}

.hide {
    display: none;
}

.scrollContainer
{
	width: 5880px;
}


.panel {
	width:976px;
	height:454px;	
	background: url(../img/fondo-panel.gif);
	background-repeat:no-repeat;
	padding-left:55px;	
	padding-top:15px;	
}

.panel h2
{
	font-size:2.5em;
	font-weight:bold;
	color:#372522;
	margin-top:20px;
}

.panel .info
{
	font-size:1.3em;
	color:#6a5a52;
	width:390px;
	text-align:justify;
	margin-top:20px;
}

.Pto
{
	font-size:1.3em;
	font-weight:bold;
	color:#372522;
	width:100px;
	height:30px;
	padding-left:40px;
	padding-top:10px;
	margin-top:5px;
	background: url(../img/calculadora.png);
	background-repeat:no-repeat;
    background-position:left center;	
    cursor:pointer;
    vertical-align:middle;
}

.panel .desarrolloweb
{
	width:864px;
	height:326px;			
	background: url(../img/fondo-panel-web.gif);
	background-repeat:no-repeat;
    background-position:bottom center;
}

.panel .soft
{
	width:864px;
	height:326px;			
	background: url(../img/fondo-panel-soft.gif);
	background-repeat:no-repeat;
    background-position:bottom center;
}
.panel .redes
{
	width:864px;
	height:326px;			
	background: url(../img/fondo-panel-redes.gif);
	background-repeat:no-repeat;
    background-position:bottom center;
}

.panel .newsletter
{
	width:864px;
	height:326px;			
	background: url(../img/fondo-panel-newsletter.gif);
	background-repeat:no-repeat;
    background-position:bottom center;
}

.panel .accesibilidad
{
	width:864px;
	height:326px;			
	background: url(../img/fondo-panel-accesibilidad.gif);
	background-repeat:no-repeat;
    background-position:bottom center;
}

.panel .comunicacion
{
	width:864px;
	height:326px;				
	background: url(../img/fondo-panel-comunicacion.gif);
	background-repeat:no-repeat;
    background-position:bottom center;
}


.panel .contenedorPanel-pie
{
	width:910px;
	height:100px;
	padding-top:2px;
	
}

.panel .contenedorPanel-pie ul li
{
display: inline;
list-style-type: none;
float:left;
margin-right:5px;
}


.scrollButtons {

    top: 200px;
    cursor: pointer;
	position:absolute;
	z-index:900;    
}

.scrollButtons.left {
    left: 10px;
	background: url(../img/bt-left.png);
	background-repeat:no-repeat;
	height:42px;
	width:24px;
	top:300px;

}

.scrollButtons.right {
    right: 12px;
	background: url(../img/bt-right.png);
	background-repeat:no-repeat;    
	height:42px;
	width:24px;	
	top:300px;	
}



#pie  {
 	width:100%;
 	min-height:41px;
 	overflow:hidden;
	margin: auto auto;
	background: url(../img/fondo-base-pie.gif);
	background-repeat:repeat-x;
	background-position:top;
	margin-top:30px;
	background-color:#372522;	
	padding-top:20px;
}

#pie .contenido  {
	margin:auto auto;
	width:980px; 
	overflow:hidden;	
 	min-height:150px;
	background-color:#372522; 	
	border-bottom:1px #43312d solid;
	padding-bottom:20px;
}

#pie .firma  {
	margin:auto auto;
	width:980px; 
	overflow:hidden;	
 	height:90px;
	background: url(../img/logo-pie.gif);
	background-repeat:no-repeat;
	background-position:center right;
}

#Servicios
{
	width:620px;
	background: url(../img/tit-servicios.png);
	background-repeat:no-repeat;
	background-position:top left;
	float:left;
	font-size:1.2em;
	color:#dfd3bd;
	padding-top:60px;
	padding-left:5px;
}

#Contacto
{
	width:350px;
	background: url(../img/tit-contacto.png);
	background-repeat:no-repeat;
	background-position:top left;
	float:right;
	padding-top:60px;
	padding-left:5px;
	font-size:1.2em;
	color:#dfd3bd;
}

#Contacto p
{
	margin-bottom:5px;
	float:left;
	clear:left;
}

#Contacto .label
{
	width:80px;
	margin-right:10px;
	float:left;
	
}

#Contacto input, #Contacto textarea
{
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	width:250px;
	border:1px #98b83c solid;
	background-color:#d7d6d6;
	float:left;
}

#Contacto .enviar
{
	background: url(../img/bt_enviar.gif);
	background-repeat:no-repeat;
	width:150px;
	height:23px;
	float:left;
	cursor:pointer;
	padding-left:80px;
}


.thumnail
{
	width:114px;
	height:72px;
	background-color:White;
	padding:2px;
	border:1px #dfd3bd solid;
	text-align:center;
	font-size:2em;
	font-weight:bold;
}