/*–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
HOJA DE CONFIGURACION DE ESTILOS
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/


/* ELEMENTOS QUE CONFORMAN LA CABECERA DE LA WEB */
* { margin:0; 	padding: 0; }

body {
margin: 0; padding: 0;
font: 70%/1.5em  Verdana, Tahoma, Arial,sans-serif;
color: BLACK; 
/*background: #FFF url(images/bg.jpg) repeat-x;	*/
text-align: center; 
height:100%;}

html {}



/* ------------------------------------- */
/* CONFIGURACION DE LOS LINKS DE LA WEB */
/* ----------------------------------- */
a {color: #336699; background-color: inherit; text-decoration: none;}
a:hover {color: #FF9900; background-color: inherit;}



/* -------------------------------- */
/* TITULARES DE LA WEB POR TAMANOS */
/* ------------------------------ */
h1, h2, h3, h4, h6 {
font-family: Tahoma, Verdana, Sans-serif; 
font-weight: Bold;
font-size: 13px;
}

h4 {
padding: 0px 750px 0px 0px;    /* 10px 10px 5px 10px */
color: #000; /* color original en el estilo azul #336699*/
background-color: inherit;
border-bottom: 0px solid #EFF0F1;}

h1 {
color: #336699; /* color original en el estilo azul #0099cb*/
background-color: inherit;
border-bottom: 0px solid #EFF0F1;}

h2, h6 {font-size: 12px; color: #336699;} /*font-size: 125%;  */
h3 {font-size: 12px; color: #336699;}/*font-size: 125%;   color original en el estilo azul #0099cb*/
h2, h3, p {padding: 10px; margin: 0;} /* ,p */
h5{ font-size:9px; font-family:Tahoma, Verdana, Sans-serif; font-weight:lighter;}

/* ------------------- */
/* IMAGENES EN LA WEB */
/* ----------------- */
img {border: 0px solid #D5D5D5;}
img.float-right {margin: 5px 0px 5px 10px;}
img.float-left {margin: 5px 10px 5px 0px;}


/* ------------------------ */
/* BARRA LATERAL IZQUIERDA */
/* ---------------------- */
#sidebar h1, 
#sidebar p {padding-justify: 0;}
ul, ol {margin: 10px 20px; padding: 0 20px;}




/* -------------------------- */
/* ACRONIMOS O EXPLICACIONES */
/* ------------------------ */
acronym { cursor: help; border-bottom: 1px solid #777;}


/* ---------------------- */
/* COMENTARIOS EN LA WEB */
/* -------------------- */
/*blockquote {
margin: 10px;
padding: 0 0 0 0px;  	
background: url(images/quote1.gif) no-repeat 5px 10px !important; 
background-position: 8px 10px;
border: 1px solid #f2f2f2;
width: 725px; height:120px;} */
/* width: 700px regresar original borrar todo */


/* ------------------------ */
/* FORMA GENERAL DE LA WEB */
/* ---------------------- */
#wrap {
margin: 0 auto; 
padding: 0; 
width:950px;
text-align: justify;}


/* ESTILOS PARA EL CUADRO DE TEXTO QUE APARECE AL PASAR EL RATON SOBRE UN OBJETO*/
#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color:#DDDDDD;
padding: 3px;
border:1px solid black;
font:normal 11px Verdana;
text-align:justify;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/


}
/* TERMINAN ESTILOS PARA EL CUADRO DE TEXTO QUE APARECE AL PASAR EL RATON SOBRE UN OBJETO*/

/* ---------- */
/* CABECERAS */
/* -------- */

#header{height:112px;margin:0;padding:0;color:#808080; }

#header h1{border:0;text-align:right;color:#369;font:Tahoma,Verdana,Arial,Sans-Serif;font-size:11px;width:100%; background: transparent;}
/*
height: 117px; 
margin: 0; padding: 0;
color: #808080; 	
background: url(images/logo_logicbus.jpg); 
background-position:left;

}


#header h1{ 
color: #FFFFCC;
border: 0;
text-align:right;
color: #336699;
font: Tahoma, Verdana, Arial, Sans-Serif;
font-size:11px;
width:100%
}*/

#header #centro{margin-left:100px;margin-top:40px;position:absolute; overflow:hidden;color:#369;font:Tahoma,Verdana,Arial,Sans-Serif;font-size:11px; background-color:transparent; display:inline; }


#header h1 #number{
font-size:10px;
margin-bottom:0px;
display:inline;
} 

#header h2{position:relative;margin-top:8px;padding:0;color:#ffc;float:left;border:0;overflow:hidden; margin-left:1px; background-color:transparent;}


/* -------------------------------- */
/* FORMA GENERAL DEL MENU SUPERIOR */
/* ------------------------------ */


#productos a 
{
color: #336699;	
background: url(images/menu-hover-bg.gif) repeat-x;}




#menu {
/*clear: both;*/
display: block;
height: 70px;
background: #FFFFFF url(images/bg44.jpg) repeat-x;
border-top: 1px solid #5A7B80; 
/*margin-top: 2px;
margin-bottom:  5px;originalmente era 30px*/
font: bolder 1.1em/30px Tahoma, Verdana, Arial, Sans-Serif;
font-size:12px;}

#menu ul{margin: 0; padding: 0;}

#menu ul li {
float: left;
list-style: none;		
border-right: 1px solid #CED9DF;}

#menu ul li a {
display: block;
text-decoration: none;	
padding: 0 15px;
color: #336699;}

#menu ul li a:active{
color: #336699;	
/*background: url(images/menu-hover-bg.gif) repeat-x;*/
}

#menu ul li a:visited{color: #336699;}

#menu ul li a:hover {
color: #FF9900;	
}


/* -------------------------- */
/* BARRA IZQUIERDA DE LA WEB */
/* ------------------------ */
#sidebar {
float: left;
width:18%; /* 19%; */
margin: 0;	padding: 0; 
display: inline;
border-right: 1px solid #CED9DF;
position:relative;
top: -36px;
}

#sidebar ul.sidemenu {
list-style: none;
margin: 0 0 0 0; padding: 0;
text-decoration: none;}

#sidebar ul.sidemenu li {
border-bottom: 1px solid #EFF0F1;
background: url(images/arrow.gif) no-repeat 3px 6px;}

* html body #sidebar ul.sidemenu li { height: 1%;}

#sidebar ul.sidemenu li a {
background: url(images/arrow.gif) no-repeat 3px 6px;	
font: 1.0em Tahoma, Verdana, Arial, Sans-Serif;		
/*font-size: 12px;*/
font-size:1em;	
display: block;
text-decoration: none;
color: #336699;
padding: 2px 5px 2px 15px;}

#sidebar ul.sidemenu li a:hover {
background-color: #F0F4F7;
font: 1.0em Tahoma, Verdana, Arial, Sans-Serif;		
/*font-size: 12px;*/
font-size:1em;	
display: block;
text-decoration: none;
color: #FF9900;/*#0099cb;*/

padding: 2px 5px 2px 15px;
}

#sidebar ul.sidemenu li a:visited:hover {
text-decoration: none;
display: block;
text-decoration: none;
color: #FF9900;/*#0099cb;*/
/*font-size: 12px;*/
font-size:1em;	
background-color: #F0F4F7;}

/*#sidebar ul.sidemenu li a:visited{
color: #0099cb;
}
*/
#sidebar  h2{
color: #336699;
border-bottom: 1px solid #CED9DF;
background: url(images/page_attachment.gif) no-repeat 3px 10px;	
text-indent: 15px;}

#sidebar  h3{
width:100px;
color: #336699;
border-bottom: 1px solid #FFFFFF;
background: url(images/page_attachment.gif) no-repeat 3px 10px;	
text-indent: 15px;}

.quote{font-size:1em; color: #669933;}

.solucion {
float: left;
margin: 0;	padding: 5px; 
display: inline;
}
.solucion h2 {
color: #336699;
border-bottom: 1px solid #CED9DF;
background: url(images/page_attachment.gif) no-repeat 3px 10px;	
text-indent: 15px;
}
.cambio{
background-image:url(images/menu-hover-bg.gif);

}

/* ------------------------ */
/* BARRA DERECHA DE LA WEB */
/* ---------------------- */
#rightbar {
float: right;
width: 21%;
padding: 0;
margin: 0;
position:relative;
top: -36px;
}

#rightbar ul.sidemenu {
list-style: none;
text-align: left;
margin: 0 0 7px 0; padding: 0;
text-decoration: none;}

#rightbar ul.sidemenu li {
border-bottom: 1px solid #EFF0F1;
background: url(images/icon_world.gif) no-repeat 0px 4px;}

* html body #rightbar ul.sidemenu li { height: 1%; }

#rightbar ul.sidemenu li a {
font: normal 1.0em Tahoma, Verdana, Arial, Sans-Serif;		
text-decoration: none;
display: block;
text-decoration: none;
color: #666666;
padding: 3px 5px 3px 25px;}

#rightbar ul.sidemenu li a:hover {
text-decoration: none;
color: #336699;
background:#F0F4F7 url(images/icon_world.gif) no-repeat 0px 4px;}

#rightbar h3{
color: #336699;
border-bottom: 1px solid #CED9DF;
background: url(images/page_attachment.gif) no-repeat 3px 10px;	
text-indent: 15px;}


/* ----------------- */
/* COLUMNA DEL MAIN */
/* --------------- */
#main {
float: left;
margin: 0 0 0 5px;
padding: 0;
width: 740px;
}


/* ------------------------------ */
/* CENTRO DE LA PAGINA EN BREVES */
/* ---------------------------- */
.breves {
position:relative;
top: -36px;
right:auto;
width: 100%;
margin:0 -20 0 20;
padding: 0px;
text-align: justify;
display: block;
overflow:hidden;
/*font-size: 12px;*/
font-family: 1.0em Tahoma, Verdana, Arial, Sans-Serif;	
font-size:1em ;
/* white-space: pre; */
/*border: 1px solid #CED9DF;*/}
.breves blockquote{
margin-left:30px;
}

.breves h6{
background: #FFFFFF url(images/bg55.jpg) repeat-x;
border-bottom: 3px solid #336699;
text-indent: 15px;
font-size: 13px; /*15px */
}

.breves h3{
background: url(images/page_attachment.gif) no-repeat 3px 10px;	
text-indent: 15px;
font-size: 13px; /*15px*/
}

.breves h2{
background: url(images/page_attachment.gif) no-repeat 3px 10px;
text-indent: 15px;
font-size: 13px; /*15px */
}

.breves h1{
/*background: url(images/page_attachment.gif) no-repeat;*/
font-size: 13px; /*15px */
color: #000000;
margin-bottom: 8px;
}

.breves table {
padding: 2px;
/*font-size: 12px;*/
font-size:1em;
}
/*
.breves table p{
margin: 0;
padding: 0;
}
*/



/* ------------------------ */
/* PIE DE PAGINA DE LA WEB */
/* ---------------------- */
#footer { 
clear: both; 	
color: #000;/* color original en el estilo azul #666666*/ 	
padding: 0;
width:950px;;
}

#footer a { 
text-decoration: none; 
font-weight: bold;}

#footer-content {
/*margin-left:160px;
margin-right:160px;*/

background: url(images/footer.gif) repeat-x scroll bottom;}

/* --------------------------- */
/* FORMAS FLOTANTES DE LA WEB */
/* ------------------------- */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* ------------------------- */
/* CLASE ADICIONAL FLOTANTE */
/* ----------------------- */
.clear  { clear: both; }

form h3{
background: url(images/zoom.png) no-repeat ;
padding-left: 30px;
padding: 5px 5px 5px 40px;}

.breves p {
MARGIN: 0px auto 2px; 
FONT: 1em verdana, arial; 
COLOR: #000; /* color original en el estilo azul #788d9f*/
/* BORDER-BOTTOM: #ececec 1px dotted; */
TEXT-ALIGN: justify;
/* BACKGROUND: url(images/news.gif) no-repeat left 50%; padding-left:15px; */ }

/* -------------------------- */
/* TABLA EN ESCALA DE GRISES */
/* ------------------------ */
table#grayescale{
width: 100%;
padding: 2px;
font-size: 9px;
color:#999;}

table#grayescale tr td {background:#fff;}

table#grayescale tr.dif td {
background: #E8E8E8;
color:#666666;}

table#grayescale tr.title td {
background: #E8E8E8;
color: #006699;
font-weight: bold;
text-align:center;
padding: 2px;}




/* ---------------------- */
/* MARQUESINA CON STOP */
/* -------------------- */

div#baseMarquesina_idioma{
height:25px;
width:100%;
background-color:transparent;
text-align:justify;
overflow:hidden;
position:relative;
}

div#baseMarquesina {

height: 300px; /*260*/
background-color: transparent;
text-align: justify;
overflow: hidden;
position: relative;
margin-top:10px;
margin-bottom:15px;}

div#marquesina {

/*height: 360px;300*/
overflow: hidden;
padding: 0px 0px;
position: absolute;
top: 300px;
left: 0px;}


div#marquesina2 {

/*height: 360px;300*/
overflow: hidden;
padding: 0px 0px;
position: absolute;
top: 300px;
left: 0px;}

/* ---------------------- */
/*-------TABS----------- */
/* -------------------- */


.examples{
	width: 100%;
	float: left;
	}

.examples h2{
	margin: 20px 0 10px 0;
	}	
	
/*TABS GENERAL STYLE*/
.tTabsBlock{
	display: none;
	float: left;
	}
	
.tTabTitle{
	float: left;
	white-space: nowrap;
	}
	
.tTabData{
	width: 100%;
	float: left;
	}	

.tTabTitleOn{
	}

.tTabTitleOff{
	}
	
.tTabTitleOver{
	cursor: pointer;
	}

.tTabTitleOut{
	cursor: default;
	}	
	
.tTabOn{
	width: 100%;
	float: left;	
	display: block;
	}	
	
.tTabOff{
	display: none;
	}



	

/*tabs*/
.example1{
	
	background: url(pics/bg_top_example1.gif) repeat-x 0 21px;
	width: 99%; <!-- 500 -->
	}
	
.example1 .tTabTitle {
	text-align: center;
	height: 18px;
	padding: 2px 14px 0 14px;
	border: 1px solid #ccd2d4;
	}

.example1 .tTabTitle h3{
	font-size: 11px;
	padding: 0;
	margin: 0;
	}
	
.example1 .tTabTitleOn{
	color:  #61b0cf/*#003246*/;
	border-bottom: 1px solid #fff;
	background-color: #fff;		
	}
	
.example1 .tTabTitleOff{
	color: #788e95;
	background-color: #f0f0f0;	
	}	
	
.example1 .tTabTitleOver{
	background-color: #e6f3f7;
	color: #61b0cf;
	}

.example1  .tTabData{
	width: 99%; <!-- 468 -->
	padding: 15px;
	border: 1px solid #ccd2d4;
	border-top: 1px ;
	text-align:center;
	
	}	
	
.example1 .tTabData h2{
background-image:none;
border-bottom:none;


}	
	
	#link_mail:hover{ color: #336699;}