/*--[ layout ]---------------------------------------------------------------*/
html{ height:100%;}

h1{ 
font-size:1.5em;
font-family: 'Play', sans-serif;}

#saltar { display:none;}

body { 
	padding: 0; margin: 0; text-align: center; color: #000000; height:100%; background: url(../images/fondo2.jpg) #1B1D22 repeat-x top left;
	font-family: "HelveticaNeue-Light", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #444; text-decoration: none;
	word-spacing: normal; text-align: left; letter-spacing: 0; line-height: 1.4em; font-size: 12px; height:100%;
    background: url(../images/fondo2Peke.jpg) #1B1D22 repeat-x top left;}
	
#interface { width: 782px; margin: 0 auto; text-align: left; color:#000000;  height: auto !important; height: 100%; margin: 0 auto; /* the bottom margin is the negative value of the footer's height */}

#opcs { width:782px; height: 32px; margin: 0; padding:0px; display:block;}

#menuH{ width:782px; height:57px; padding:0px; margin:0;}
	
	#menuH ul{ list-style:none; padding:0px; margin:0;}

	#menuH ul li{ text-transform:uppercase; color:#FFFFFF; text-decoration:none; font-weight:bold; font-size:1.0em; text-align:center; background-color:#1A1F2A; padding-top:15px; padding-bottom:5px; width:153px; float:left; height:28px; border-bottom:8px solid #C9C9C9; color:#000000; }
	
		#menuH ul li.active{ text-transform:uppercase; text-decoration:none; font-weight:bold; font-size:1.0em; text-align:center;  background: url(../images/fondoBot.gif) #ffffff repeat top left; padding-top:15px; padding-bottom:5px; width:153px; float:left; height:28px; border-bottom:8px solid #C9C9C9;}
		
		#menuH ul li:hover{ text-transform:uppercase; text-decoration:none; font-weight:bold; font-size:1.0em; text-align:center;  background: url(../images/fondoBot.gif) #ffffff repeat top left; padding-top:15px; padding-bottom:5px; width:153px; float:left; height:28px; border-bottom:8px solid #C9C9C9;}
		
		#menuH ul li.active a{ color:#000000;}

    #menuH ul li a{ text-decoration:none; color:#FFFFFF; }
	#menuH ul li:hover a{ text-decoration:none; color:#000000; }
	
#cabecera { width:782px; margin: 0; padding:0px; position:relative;}

.separadorCabecera { width:782px;  height:27px; clear:both; margin: 0; padding:0px;}
.separadorCabeceraPeque { width:782px;  height:28px; clear:both; margin: 0; padding:0px;}

#bajoCabecera{ width:782px; display:block; height:76px; clear:both;}

#contenido { width:782px; margin: 0; padding: 0px;  background-color:#C9C9C9; border-bottom: 2px solid #000; font-family:Verdana, Arial, Helvetica, sans-serif; min-height:700px; overflow: auto; }
	#contenido .contIzda{ width:261px; padding:0px; margin:0; float:left; margin-top:20px;}
	#contenido .contIzda .menu{ background: url(../images/saliente.gif) #B3B2B2 repeat-y top left;  margin-left:-13px; padding-right:10px;}
	#contenido .contIzda .menu h1{ margin-left:30px; margin-right:20px; padding-left:0px; font-size:18px; border-bottom:#8E8D8D solid 1px; margin-bottom:0px; padding-top:20px;}
	#contenido .contIzda .menu ul{ list-style:none; padding:0px; margin:0; padding-top:15px; padding-bottom:15px; padding-left:10px;}

	#contenido .contIzda  .menu ul li{  color:#000000; text-decoration:none; font-size:1.0em; text-align:left; border-bottom:1px solid #DCDCDE; margin-bottom:5px; background-color:#B3B2B2; padding:5px; margin-left:20px; margin-right:20px; padding-left:0px;}
		 #contenido .contIzda ul li.active{ background: url(../images/pitiV.gif) transparent no-repeat center left; padding-left:10px; color:#194F8A}

   #contenido .contIzda  .menu ul li a{ text-decoration:none; color:#000000;}
   		#contenido .contIzda  .menu ul li a:hover{ text-decoration:none; color:#194F8A;}
	
	#contenido .contIzda .noticias{ list-style:none; padding:0px; margin:0; background: url(../images/saliente.gif) #B3B2B2 repeat-y top left; padding-top:10px; padding-bottom:10px; margin-left:-13px; padding-right:10px; padding-left:10px; }
	#contenido .contIzda .noticias h1{ margin-left:20px; margin-right:20px; padding-left:0px; font-size:21px; border-bottom:#8E8D8D solid 1px;}
	#contenido .contIzda .noticias p{  margin-left:20px; margin-right:20px; padding-right:10px; max-height:130px; overflow:scroll; overflow-x:hidden;
	/* scroll solo IE*/
	 SCROLLBAR-FACE-COLOR:#999898; SCROLLBAR-HIGHLIGHT-COLOR: #999898; SCROLLBAR-SHADOW-COLOR: #999898; SCROLLBAR-3DLIGHT-COLOR: #999898; SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-TRACK-COLOR: #E3E3E3; SCROLLBAR-DARKSHADOW-COLOR: #999898; overflow-x: hidden; /* fin scroll */}
	 
	.bloque{ background-color:#FF0000; width:10px; height:140px;}

	#contenido .contDcha{ width:469px; padding:0px; padding-left:26px; padding-right:26px; margin:0; float:left; color:#000000; font-size:1.1em; margin-top:20px;}
#contenido .contDcha h1{ margin-right:20px; padding-left:0px; font-size:28px; color: #0B3A70;}
#contenido .contDcha a{ color:#000000;}
#contenido .contDcha a:hover{ color:#194F8A;}
#contenido .contDcha ul{ }
#contenido .contDcha ul li{ text-decoration:none;}

#contenido .contDcha ul li ul{ }
#contenido .contDcha ul li ul li{ text-decoration:none;}
#contenido .contDcha li a{ text-decoration:none; color:#000000;}
#contenido .contDcha li a:hover{ text-decoration:none; color: #194F8A;}

	
.clearAll{ clear:both;}


#pie { clear:both; color:#AEAEAF; font-family:Arial, Helvetica, sans-serif; }
#pie .datos{ padding:10px;}
#pie .datos a{  color:#AEAEAF; text-decoration:none;}
#pie .datos a:hover{  color:#fff;}


td a{ color:#000000;}


#f_servicio {
padding-top: 10px;
padding-left: 5em;}

#f_servicio span.info { font-size: 0.75em}
#f_servicio p.enviar { text-align: center }

#atencion         { height:75px; width: 782px; position: relative }
#atencion a img  { border: none}
#atencion a       { position: absolute; display: block; top:2px; right: 32px; display: block; width:68px; height:64px; border: none} 
#atencion a:hover { background: url(../images/sat_hover.png) no-repeat; }
#atencion a:hover img { display:none;}


table.images img {
box-shadow: 0px 0px 4px 4px #aaa;
-moz-box-shadow: 0px 0px 4px 2px #aaa;
-webkit-box-shadow: 0px 0px 4px 2px #aaa;}



/*
 * SERVICIOS
 *
 **************************/ 

p.servicio img { margin: 0 0 20px 0}

p.servicio {
height: 160px;
width:134px; margin: 12px auto;
padding: 12px;
border: 1px solid #C9C9C9;
border-bottom-color: #999;
border-right-color: #999;}

p.servicio:hover {
border-color: #999 #fff #fff #999}

p.servicio a { text-decoration:none }



/*
 *
 * TICKER 
 * 
 *************************/
#interface {
background: url(../images/telbask.png) 0px 90px no-repeat; }

#ticker {
height:196px;
width:682px;
padding-left:100px;
overflow:hidden;}	
	
#ticker-inner { 
margin:0;
padding:0;
width:2000em; }	

#ticker li {
display:block;
margin:0;
padding:13px 100px 0px 197px;
height: 180px;
width: 485px;
color: #fff;
font-size: 16px;
float: left;
background-repeat: no-repeat;
background-position: left bottom;
font-family: "Segoe UI", Candara, "Bitstream Vera Sans",
             "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
}

#ticker li strong {
text-transform: upper-case;
font-size: 26px;
line-height: 26px;
display:block;}
	
#ticker li em {
text-transform: lower-case;
font-size: 12px;
margin-top: 12px;
display:block;}


#oferta-1 { background-image: url("../images/oferta_2012_01_portatil.png");}
#oferta-2 { background-image: url("../images/catalogos.png");}
#banner-1 { background-image: url(../images/pc1.png); }
#banner-2 { background-image: url(../images/pc3.png); }
#banner-3 { background-image: url(../images/pc4.png); }
#banner-4 { background-image: url(../images/pc2.png); }


#ticker a.boton {
text-decoration:none;
font-weight: bold;
text-transform: uppercase;
display: block;
border:1px solid orange;
width: 14em;
background: #fff;
text-align:center;
margin-top: 12px;
color: orange;
padding: 4px 8px;
-moz-border-radius: 4px;
border-radius:4px;
-moz-box-shadow: 0px 0px 9px 1px #aaa;
box-shadow: 0px 0px 9px 1px #aaa;}

#ticker a.boton:hover {
background-color: #999;}

.oferta span.precio {
display:block;
padding: 12px 0px 0px 90px;
font-size: 1.5em; color: #fcaf3e;}


#catalogos   { position: absolute; top:-29px; top:-25px; right:0px; text-align:right; background-color: #C9C9C9; background-color: transparent; padding:0 12px 4px 25px;}
#catalogos a { text-decoration:none; color: #0D2B4F; color:#fff; padding-left:16px; font-weight: normal;}
#catalogos a:hover {color: #fff; }
#boton_ofertas  { background: url(../images/icono_ofertas.png) bottom left no-repeat; padding-right:16px;}
#boton_catalogo { background: url(../images/icono_catalogo.png) bottom left no-repeat;}

#boton_inicio { position: absolute; top:-20px; left: 0px }
#boton_inicio a { display:block; width: 270px; height:70px; }
#boton_inicio span { display:none;  }



/*
 * OTROS
 *
 *************************/

table.con-imagenes img { box-shadow: 0px 0px 12px 3px #999; -moz-box-shadow: 0px 0px 12px 3px #999; -ms-box-shadow: 0px 0px 12px 3px #999; -o-box-shadow: 0px 0px 12px 3px #999; -webkit-box-shadow: 0px 0px 12px 3px #999 }

a.pdf { display:block; margin-top: 12px; padding: 5px 0px 30px 40px; background: url(../images/icono_pdf.png) top left no-repeat; }


