body {
background-image: url("../img/bg-html.gif");
background-repeat: repeat-x; 
background-color: #4486C3;
width: 975px;
margin-right:auto;
margin-left:auto;
}
#cabecera {
position: relative;
background:transparent url(../img/bg-encabezado.gif) no-repeat bottom;
margin-right:auto;
margin-left:auto;
margin-bottom:0;
width: 915px;
height:109px;
}
#logo {
background:transparent url(../img/logo.jpg) no-repeat scroll 0 0;
float:left;
height:109px;
width:200px;
}
/*
#escuela20 {
position: relative;
z-index:100;
top:10px;
right:0px;
}
*/
#cuerpo {
clear:both;
margin-right:auto;
margin-left:auto;
width: 895px;
font-family: arial, sans-serif;
font-size: 12px;
color: #000000;
background-color:#4486c3;
padding: 10px 10px 0px 10px;
margin-top:0px;
margin-bottom:0;
position: relative;
}
h2.title {
font-family: Georgia, Times New Roman, serif;
font-size: 18px;
color: #ef7b00;
font-weight:bold;
text-transform: uppercase
}
h3.title {
font-size: 14px;
color: #4486c3;
font-weight:bold;
text-transform: uppercase;
padding-left: 20px;
}
h4.title {
font-size: 12px;
color: #ef7b00;
font-weight:bold;
}
.destacado {
font-size: 14px;
font-weight:bold;
color: #ef7b00;
}
.destacado_blue {
font-size: 14px;
font-weight:bold;
color: #4486c3;
}
.destacado_black {
font-size: 14px;
font-weight:bold;
color: #000000;
}
h2.title_web {
font-family: Georgia, Times New Roman, serif;
font-size: 18px;
color: #ffffff;
font-weight:bold;
text-align: center;
}
a.enlace, a .enlace {
font-weight:bold;
color: #ef7b00;
}
a img {	
border: none;
	}
#bajos{
background: url(../img/bg-bottom.png) no-repeat top left;
border:0;
width: 975px;
height:15px;
margin-right:auto;
margin-left:auto;
}
.clear {
clear:both;
}	
#compartir {
position:absolute;
top: 80px;
left: 160px;
font-family: arial, sans-serif;
font-size: 12px;
color:#40a83e;
font-weight:bold;
}
/* PAGINA INICIO */
#vert_banner {
float:right;
margin:10px 0 0 10px;
padding: 2px;
width: 275px;
height:360px;
background-color: #ffffff;
}
#vert {
float:right;
margin:10px 0 0 10px;
padding: 0 0 10px 10px;
width: 275px;
height:360px;
background: url("../img/bg-vertical.jpg") no-repeat top left;
background-color: #ffffff;
}
#cuadro {
margin:10px 0 0 0;
width: 600px;
height:360px;
}
#a1, #a2, #b1, #b2 {
position:relative;
float:left;
font-size: 11px;
margin:0 10px 10px 0;
padding: 5px 5px 0 0;
width: 285px;
height:175px;
background: url("../img/bg-menu-bottom.png") repeat-x bottom;
background-color: #ffffff;
}

#a1 img, #a2 img, #b1 img, #b2 img {
float:left;
margin: 0 5px 5px 0;
}
#a1 a, #a2 a, #b1 a, #b2 a { 
font-weight:bold;
color: #4486c3;
text-decoration: none;
}
#a1 a:hover, #a2 a:hover, #b1 a:hover, #b2 a:hover { 
text-decoration: underline;
}
.leer_mas {
position:absolute;
bottom: 0px;
right: 10px;
}
.leer_mas a {    /* BOTON ' LEER MAS . . . ' */
background:url('../img/btn_leer_mas.png') 0 0  no-repeat;
width:117px;
height:28px;
display: block;
margin: 10px 0 0px 0;
}

.leer_mas a:hover {
background-position: 0 -28px;
}
.leer_mas span { display:none; }



/* MENU PRINCIPAL */ 

#menu01 {
background:url('../img/menu01.gif') 0 0  no-repeat;
width:600px;
height:40px;
float:right;
margin: 69px 0 0 0;
padding:0;
}
#menu01 .alt { display:none; }
#menu01 li, #menu01 a {
height:40px;
display:block;
}
#menu01 li {
float:left;
list-style:none;
display:inline;
}
#inic, #empr, #prod, #serv, #cont {width: 120px;}
#inic a:hover {background:url('../img/menu01.gif') 0px -40px no-repeat; }
#empr a:hover {background:url('../img/menu01.gif') -120px -40px no-repeat; }
#prod a:hover {background:url('../img/menu01.gif') -240px -40px no-repeat; }
#serv a:hover {background:url('../img/menu01.gif') -360px -40px no-repeat; }
#cont a:hover {background:url('../img/menu01.gif') -480px -40px no-repeat; }

#menu01 .activeinicio {background: url('../img/menu01.gif') 0px -80px no-repeat;}
#menu01 .activeempresa {background: url('../img/menu01.gif') -120px -80px no-repeat;}
#menu01 .activeproductos {background: url('../img/menu01.gif') -240px -80px no-repeat;}
#menu01 .activeservicios {background: url('../img/menu01.gif') -360px -80px no-repeat;}
#menu01 .activecontacto {background: url('../img/menu01.gif') -480px -80px no-repeat;}


/* PIE */ 
#pie {
margin:5px auto;
width: 895px;
font-family: arial, sans-serif;
color: #000000;
font-size: 8pt;
text-align: center;
}

#tel-mail li{
height:37px;
text-align:right;
list-style: none;
float:right;
margin: 30px 5px 0 0;
}
#tel-mail .alt {display: none;}
.pie-sti {
background: url(../img/pie-sti-tel-mail.jpg) no-repeat top left;
background-position: 0 0px; 
width: 60px;} 
.pie-tel {
background: url(../img/pie-sti-tel-mail.jpg) no-repeat top left;
background-position: 0 -40px; 
width: 166px;} 
.pie-mail {
background: url(../img/pie-sti-tel-mail.jpg) no-repeat top left;
background-position: 0 -80px; 
width: 169px;} 

/* MENU 02 - PRODCUTOS - EMPRESA - SERVICIOS */
#menu02 {
width: 170px;
margin: 0;
padding: 0px;
}
#menu02 img {
margin: 0 0 10px 0;
}
#menu02 li {
width: 145px;
list-style-type: none;
list-style-position: inside;
border-bottom: 1px solid #ACCFE8;
padding: 0px 2px 0px 2px;
background-color: #ffffff;
}
#menu02 a{
color: #ef7b00;
font-weight:bold;
text-decoration: none;
display: block;
width: 145px;
padding: 2px 2px 2px 0;
}
#menu02 a:hover{
background: #DBEBF6;
color: #4486c3;
font-weight:bold;
}
#menu02 a.active {
font-weight:bold;
background: #DBEBF6;
color: #4486c3;
text-align: right;
padding: 2px 2px 2px 0;
}
/* MENU IMAGENES - PRODCUTOS */
#complementos {/* ID(#) para cada productos */ 
float:right;
width:726px;
}
.complementos{ /* CLASS (.) para la pagina ppal productos.php  */ 
float:right;
width:826px;
}
.complementos span { 
float:left;  
margin: 20px 0 0 30px;
padding: 0 15px 0 0;
}

#complementos img, #complementos span { 
float:left;  
margin: 0px 0 0 30px;
padding: 0 15px 0 0;
border-right: dotted 2px #e2ffff;
width:160px;
}
#comp01 a, #comp02 a, #comp03 a, #comp04 a, #comp05 a, #comp06 a, #comp07 a, #comp08 a, #comp09 a, #comp10 a, #comp11 a, #comp12 a, #comp13 a, #comp14 a, #comp20 a, #comp21 a, #comp22 a  {
height:113px;
display:block;
}
#complementos .alt, .complementos .alt {display: none;}
#comp01, #comp02, #comp03, #comp04, #comp05, #comp06, #comp07, #comp08, #comp09, #comp10, #comp11, #comp12, #comp13, #comp14, #comp20, #comp21, #comp22 {width:160px;}
#comp01 a {background:url('../img/comp01.jpg') 0 0 no-repeat; } /*PIZARRAS*/
#comp02 a {background:url('../img/comp02.jpg') 0 0 no-repeat; } /*CAM DOC*/
#comp03 a {background:url('../img/comp03.jpg') 0 0 no-repeat; } /*SOL MOVILES*/
#comp04 a {background:url('../img/comp04.jpg') 0 0 no-repeat; } /*PRO HDD*/
#comp05 a {background:url('../img/comp05.jpg') 0 0 no-repeat; } /*PC NOTAS*/
#comp06 a {background:url('../img/comp06.jpg') 0 0 no-repeat; } /*MOBILIARIO*/
#comp07 a {background:url('../img/comp07.jpg') 0 0 no-repeat; } /*PRO HDD*/
#comp08 a {background:url('../img/comp08.jpg') 0 0 no-repeat; } /*SOFT CONTENIDO*/
#comp09 a {background:url('../img/comp09.jpg') 0 0 no-repeat; } /*ELEARNING*/
#comp10 a {background:url('../img/comp10.jpg') 0 0 no-repeat; } /*ROBOTICA*/
#comp11 a {background:url('../img/comp11.jpg') 0 0 no-repeat; } /*ACCESORIOS*/
#comp12 a {background:url('../img/comp12.jpg') 0 0 no-repeat; } /*AULAS MULTIMEDIA SANAKO*/
#comp13 a {background:url('../img/comp13.jpg') 0 0 no-repeat; } /*LAB IDIMAS SANAKO*/
#comp14 a {background:url('../img/comp14.jpg') 0 0 no-repeat; } /*TABLET PC*/

#comp20 a {background:url('../img/comp20.jpg') 0 0 no-repeat; } /*ACC PIZARRAS*/
#comp21 a {background:url('../img/comp21.jpg') 0 0 no-repeat; } /*PROYECTORES*/
#comp22 a {background:url('../img/comp22.jpg') 0 0 no-repeat; } /*ACC CAM DOC*/

#comp01 a:hover, #comp02 a:hover, #comp03 a:hover, #comp04 a:hover, #comp05 a:hover, #comp06 a:hover, #comp07 a:hover, #comp08 a:hover, #comp09 a:hover, #comp10 a:hover, #comp11 a:hover, #comp12 a:hover, #comp13 a:hover, #comp14 a:hover, #comp20 a:hover, #comp21 a:hover, #comp22 a:hover  {
background-position: 0px -113px; 
}

#gratis {
display: block;
position: absolute;
right: 50px;
top: 10px;
z-index: 10;
}

/* HOJA CON CLIP EN EL LATERAL
#C01 {
display: block;
position: absolute;
right: -120px;
top: 80px;
z-index: 10;
}
*/

/* PRODUCTOS */
#prod_cuerpo {
background: url(../img/bg-prod-bottom.png) no-repeat bottom left;
border:0;
width: 725px;
float:right;
}

#prod_cuerpo_00 {
width: 825px;
margin-left:auto;
margin-right:auto;
}

#prod_contenedor {
padding: 0 15px 15px 5px;
}
#prod_contenido {
padding: 0 25px 25px 25px;
height: 500px;                      
overflow:auto;
}
#mas_info a {    /* BOTON  ' + INFORMACION ' RECURSOS PDI */
background:url('../img/btn_mas_info.jpg') 0 0  no-repeat;
width:117px;
height:28px;
display: block;
margin: 10px 0 0px 0;
}
#volver a {    /* BOTON ' + VOLVER ' */
background:url('../img/btn_volver.png') 0 0  no-repeat;
width:117px;
height:28px;
display: block;
}
#accesorios a {    /* BOTON ' + ACCESORIOS ' */
background:url('../img/btn_mas_accesorios.png') 0 0  no-repeat;
width:117px;
height:28px;
display: block;
}
#recursos_pdi a {    /* BOTON  ' RECURSOS PDI ' */
background:url('../img/btn_recursos_pdi.png') 0 0  no-repeat;
width:117px;
height:28px;
display: block;
margin: 10px 0 0px 0;
}
#mas_info a:hover, #volver a:hover, #accesorios a:hover, #recursos_pdi a:hover  {
background-position: 0 -28px;
}
#mas_info span, #volver span, #accesorios span, #recursos_pdi span { display:none; }

.prod_imgD { /* img alineada a la Izquierda */
float:right;
}
.prod_imgI {  /*img alineada a la Derecha */
float:left;
}

.aver a {
font-weight:bold;
color:#172983;
text-decoration: none;
}
.aver a:hover {
font-size: 15px;
color:#00129d;
}
#camaras td{
padding: 0px 5px;
}
#camaras .t_right {
text-align: right;
}
.camaritas a {
font-weight:bold;
color:#4486c3;
text-decoration: none;
text-align: center;
float: left;
margin: 5px 0 5px 50px;
padding: 2px 5px;
border: 1px dashed #4486c3;
background: url("../img/bg-menu-bottom.png") repeat-x bottom;
}
.camaritas a:hover {
color:#ef7b00;
border: 1px dashed #ef7b00;
background: url("../img/bg-menu-bottom-a.png") repeat-x bottom;
}
.sol_mov a {
font-weight:bold;
color:#4486c3;
text-decoration: none;
text-align: center;
float: left;
margin: 5px 0 5px 5px;
padding: 2px 5px;
border: 1px dashed #4486c3;
background: url("../img/bg-menu-bottom.png") repeat-x bottom;
}
.sol_mov a:hover {
color:#ef7b00;
border: 1px dashed #ef7b00;
background: url("../img/bg-menu-bottom-a.png") repeat-x bottom;
}
.sangria {
margin: 0 0 5px 50px;
}
.azul {
clear:both;
border: 1px dashed #4486c3;
background: url("../img/bg-acc.jpg") no-repeat top left;
margin: 0 0 15px 0;
padding: 5px 15px;
}
.azul img {
padding: 0 15px 0 0;
}
.azul2 img {
padding: 0 15px 0 0;
}

a.instal, .instal a {
font-weight:bold;
color: #ef7b00;
text-decoration:none;
}
a:hover.instal, .instal a:hover {
text-decoration:underline;
}
.galeria {
margin: 0 0 0 130px;
}
.galeria a:link {
color:#ef7b00;
font-weight:bold;
border: 1px solid #ef7b00;
padding: 2px 3px;
text-decoration:none;
}
.galeria a:hover {
text-decoration:underline;
}
#senteo {
/*position: relative;
top:-50px;*/
z-index: 10;
}
#simple { /* dentro de Software de Contenido  */
margin: 0 0 0 130px;
}
 #videos  {
color:#ffffff;
}

/* EMPRESA y SERVICIOS */
#empresa, #servicios  {
color:#ffffff;
border:0;
width: 725px;
float:right;    
margin: 0 0 20px 0;
}
#empresa h2, #servicios h2, #videos h2  {
font-size: 18px;
}
#empresa h3, #servicios h3 {
font-size: 14px;
}
#text_empresa { /*, #text_servicios {*/
width: 500px;
}
#socios_empresa {
float:right;
width: 225px;
margin: 30px 0 0 0;
}
#socios_lista {
background:url('../img/socios.jpg') 0 0  no-repeat;
width:225px;
height:300px;
margin: 0 0 0 0;
padding:0;
}
#socios_lista .alt { display:none; }
#socios_lista li, #socios_lista a {
height:75px;
display:block;
cursor:default;
}
#socios_lista li {
list-style:none;
display:inline;
}
#smart, #averm, #sanak, #intel {height:75px;}
#sanak a:hover {background:url('../img/socios.jpg') 0px -300px no-repeat; }
#smart a:hover {background:url('../img/socios.jpg') 0px -375px no-repeat; }
#averm a:hover {background:url('../img/socios.jpg') 0px -450px no-repeat; }
#intel a:hover {background:url('../img/socios.jpg') 0px -525px no-repeat; }

.socios_div {
border: 1px dashed #4486c3;
background: url("../img/bg-menu-bottom.png") repeat-x bottom;
background-color: #ffffff;
color: #000000;
margin: 10px 0 0 0;
padding:5px 5px 5px 5px;
}
.socios_div img{
float:right;
}

.sti {
font-weight:bold;
}
.socios {
font-weight:bold;
color: #ef7b00;
}
.socios_prod {
color: #ef7b00;
}
#imagen {
float: right;
}
#google {
border: solid 5px #ffffff;
}
#ofi a {
color: #ffc000;
}
#google_maps a {    /* BOTON ' + VOLVER ' */
background:url('../img/btn_google_maps.jpg') 0 0  no-repeat;
width:160px;
height:28px;
display: block;
}
#google_maps a:hover {
background-position: 0 -28px;
}
#google_maps span { display:none; }

/* SERVICIOS */
.llave {
width:210px;
height:146px;
float:left;
border: 1px dashed #4486c3;
background: url("../img/bg-menu-bottom.png") repeat-x bottom;
background-color: #ffffff;
color: #000000;
margin: 10px 10px 0 0;
padding:5px 5px 5px 5px;
}


/* CONTACTO */
#contacto {
color: #ffffff;
width:460px;
margin-left:auto;
margin-right:auto;
}
.form_cuadro_i {
float: left;
}	
.form_cuadro_i, .form_cuadro {
margin-right: 6px;
padding: 0;
}
.contacto {
color: #ffc000;
font-weight:bold;
}
.form_botones {
text-align: center;
}
.btn_contacto {
font-size: 12px;
color: #ffc000;
font-weight:bold;
}
#mail {
font-size: 14px;
width:600px;
	}
#form_form .largo {
width:440px;
}
#form_form .cortoI {
width:220px;
}
#form_form .cortoD {
width:210px;
}
#form_form .cortoDir {
width:320px;
}
#form_form .cortoCp {
width:110px;
}

#form_form input, #form_form textarea{
border: 1px solid #FFFFFF;
background-image:url(../img/bg-input.jpg);
background-repeat:no-repeat;
background-position: bottom left;
background-color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 9px;
color: #454743;
}

/* MAILINGS  */
#pie_mail {
width:800px;
font-size: 9px;
color: #ffffff;
text-align: left;
}
#pie_mail a {
color: #ffffff;
}

/* JORNADAS TIC */
#jornadas_mapa {
background-image:url(../img/00_tic_mapa.jpg);
width: 875px;
height:600px;
position: relative;
}
#goog_maps {
position:absolute;
top: 150px;
right: 30px;
}

#banner_jornadas_izq{
float: left;
}
#banner_jornadas_der{
float: right;
}
/* PROGRAMA JORNADAS*/
#jorn_progr{
position:absolute;
top: 190px;
left: 30px;
font-size:11px;
}
#jorn_progr table td {
padding: 5px 5px 0 0;
text-align:left;
vertical-align:top;
}
	/* SESION MAŅANA */
td .j_mah {
width: 10px;
}
.j_ma, .j_mah {
color:#0076a6;
}
	/* SESION TARDE */
td .j_tah {
width: 30px;
}
.j_ta, .j_tah {
color:#c83a1b;
}
	/* AGRADECIMIENTOS */
#jorn_gracias{
position:absolute;
top: 160px;
left: 10px;
font-size:14px;
color:#0076a6;
}
#jorn_gracias table td {
padding: 5px 5px 0 0;
text-align:center;
vertical-align:top;
}