/* --------------------------------------- reseteo -------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6,blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var,dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, th
{margin:0;padding:0;border:0;font-weight:normal;vertical-align:baseline;background:transparent;font-size:100%;letter-spacing:normal;font-family: Arial, Helvetica, sans-serif;line-height:normal;}
ul, ol {list-style-type:none;} 
body  {	font: 0.7em Verdana, Arial, Helvetica, sans-serif;margin: 0;padding: 0;	text-align: center;	color: #333333; text-align:justify}

.twoColFixLtHdr #container {width: 1000px;background: #FFFFFF;background:url(../images/common/fondo_lado-izq.gif) repeat-y;margin: 0 auto;text-align: left;} 

.twoColFixLtHdr #header {padding: 0; background-color:#7FC8FD;} 
.twoColFixLtHdr #header h1 {margin: 0;padding: 0;}
.header2 {width:1000px; background:url(../images/common/cabecera_backgound.jpg) 213px;}

.padl13{ padding-left:13px}
.padl40{ padding-left:40px}
.padl80{ padding-left:80px}
.padr7{ padding-right:7px}
.padr15{ padding-right:15px}
.padb15{padding-bottom:15px}
.padt9{padding-top:9px}

.twoColFixLtHdr #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 213px; /* the background color will be displayed for the length of the content in the column, but no further */
	text-align:right;
	background-repeat: no-repeat;
}

/*menu principal*/
.menu1{ min-height:290px; height:auto!important;height:290px; }
.menuBlanco{font-size:90%; float:left;background-image:url(../images/common/menu_fondo-menu1.jpg); background-position:bottom; padding-bottom:5px}

.menuBlanco li{width:213px;background:transparent url(../images/common/menu_bullet.gif) no-repeat 188px 7px}
.menuBlanco a{font-size:11px;font-weight:bold;padding:5px 32px 5px 5px;margin:0 !important;text-decoration:none;color:#fff;display:block}
.menuBlanco a:hover{font-size:11px;font-weight:bold;padding:5px 32px 5px 5px;margin:0 !important;text-decoration:underline;color:#fff;display:block}

/*menu azul*/
.menub{ min-height:150px; height:auto!important;height:150px; padding-top:5px; }
.menuAzul li{width:200px; background:transparent url(../images/common/menu2_bullet.gif) no-repeat 188px 7px}
.menuAzul{font-size:90%; float:left;}

.menuAzul a{width:175px; font-size:11px;font-weight:bold;padding:5px 22px 5px 5px;margin:0 !important;text-decoration:none;#0066CC;display:block}
.menuAzul a:hover{width:175px; font-size:11px;font-weight:bold;padding:5px 22px 5px 5px;margin:0 !important;text-decoration:underline;#0066CC;display:block}

.datos_login{width: 183px; min-height:55px; height:auto!important;height: 55px; float:left; background:url(../images/common/menu_fondo-login.jpg) top no-repeat;}
.label80{text-align:right; font-size: 11px; padding:2px 2px 0 0;color:#0066CC; font-weight:bold;text-decoration:none }
.label80b{text-align:right; font-size: 11px; padding:2px 2px 0 0;color:#0066CC; text-decoration:none }
.clearboth5{clear:both;height:5px;margin:0;font-size: 1px;line-height: 0;padding-top:0}
.clearboth7{clear:both;height:7px;margin:0;font-size: 1px;line-height: 0;padding-top:0}

.twoColFixLtHdr #sidebar1 td{
	text-align:right;
}
#mainContent {width:760px}
.twoColFixLtHdr #mainContent {
	margin: 0 0 0 210px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 0 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	line-height: 1.5;text-align:justify;
	width:760px
} 
.footer { 	padding: 0 0px 0 0;	background-image:url(../images/common/footer_fondo-politica.jpg); height:57px; } 
.footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fright { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fleft { /* this class can be used to float an element left in your page */
	float: left;
}
.fclear { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.texto_bold {
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}
.link2_blanco {
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}


.link2_blanco:hover {
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: underline;
}

.menu2_blanco {
	color: #FFFFFF;
	text-decoration: none;padding:3px 7px 3px 7px;
}

.menu2_blanco-seleccionado {
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	text-decoration: underline;
}

.menu2_blanco a {
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}
.menu2_blanco a:hover {
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: underline;
}
.menu_blanco-bold {
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	text-align: right;
}
.menu_blanco-bold:hover {
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: underline;
	text-align: right;
}

.menu_blanco-seleccionado {
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: bold;
	text-align: right;
}

.texto_gris {
	font-size: 0.8em;
	color: #333333;
}
.texto_gris-bold {
	font-size: 0.8em;
	color: #333333;
	font-weight: bold;
}
.texto_azul {
	font-size: 1em;
	color: #0066CC;
}
.texto_azul9 {
	font-size: 9px;
	color: #0066CC;
}
.texto_azul9:hover {	font-size: 9px;	color: #0066CC;text-decoration: underline;}

.texto_azul-bold {	font-size: 11px;	color: #0066CC;	font-weight: bold;}

.link_azul {
	font-size: 10px;
	color: #0066CC;
	text-decoration: underline;

}
.link_azul:hover {
	font-size: 10px;
	color: #0066CC;
	text-decoration: none;
	text-align: right;
}

.menu_azul {
	font-size: 10px;
	color: #0066CC;
	text-align: right;
}
.menu_azul-bold {
	font-size: 10px;
	color: #0066CC;
	text-decoration: none;
	font-weight: bold;
}
.menu_azul-bold:hover {
	font-size: 10px;
	color: #0066CC;
	text-decoration: underline;
	text-align: right;
}
.menu_azul-bold-seleccionado {
	font-size: 10px;
	color: #0066CC;
	text-decoration: underline;
	text-align: right;
	font-weight: bold;
}

a {
	font-size: 11px;
	color: #0066CC;
	text-decoration: none;
	text-align: right;
}
a:hover {
	font-size: 11px;
	color: #0066CC;
	text-decoration: underline;
	text-align: right;
}

.form {
	FONT-SIZE: 0.85em;
	COLOR: #333333;
	width: 155px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	font-weight: bold;
}
.formb {
	FONT-SIZE: 0.85em;
	COLOR: #333333;
	width: 30px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	font-weight: bold;
}
.form2 {border-width: 1px;border-color: #7FC8FD; FONT-SIZE: 10px;COLOR: #333333;	BACKGROUND-COLOR: #FFFFFF}
.form505 {
	FONT-SIZE: 0.85em;
	COLOR: #333333;
	width: 505px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	font-weight: bold;
}
.iconos{
	background-color:#FFFFFF;
	padding:8px 12px 8px 12px
}

.menu2{
	background-color:#666666;
	
}

.cazul{
	width:25px;
	height:23px;
	background-color:#7FC8FD
} 

.politica {
	padding:34px 48px 12px 48px;
}
.w1000{
	width:1000px; /margin-bottom:-5px
}
.w762{
	width:785px;
}

.w80{width:80px}
.w120{width:120px}

padt5{ margin-top:5px}

.boton_home{float:right; width:64px;}
.boton_logoff{float:right; width:170px;}
.boton_texto {font-size: 10px;color: #FFFFFF;text-decoration: none;	font-weight: bold;}
.boton_texto:hover {font-size: 10px;color: #FFFFFF;	text-decoration: underline;}
.boton_centro {background-image:url(../images/common/boton_cen.jpg); padding-top:2px; *padding-top:0px; padding-right:5px; padding-bottom:4px; padding-left:5px; }

.foto {
	padding:1px;
	border: 1px solid #0066CC;
}

.marco_tabla {
	padding:1px;
	border: 1px solid #ADC7EA;
}

.pestana {
	background-image:url(../images/common/catalogo_pestana.gif);
	background-repeat: no-repeat;
	width: 177px;
	height:19px;
	padding: 2px 0 0 7px;
	font-weight: bold;
	color: #0066CC;
	font-size: 10px;
}

.pestana-seleccionado {
	background-image:url(../images/common/catalogo_pestana-seleccionado.gif);
	background-repeat: no-repeat;
	width: 177px;
	height:19px;
	padding: 2px 0 0 7px
}


.texto-estrecho {
	font-size: 11px;
	color: #333333;
	display: inline-block;
	word-spacing: 0px;
	letter-spacing: -1px;
}

[if IE 5]>
<style type="text/css"> 
/* place css box model fixes for IE 5* in this conditional comment */
.twoColFixLtHdr #sidebar1 { width: 198px; }
</style>
<![endif][if IE]>
<style type="text/css"> 
/* place css fixes for all versions of IE in this conditional comment */
.twoColFixLtHdr #mainContent { zoom: 1; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
</style>
<![endif]
.twoColFixLtHdr #mainContent2 {
	margin: 0 0 0 210px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
.twoColFixLtHdr #sidebar1b {
	float: left; /* since this element is floated, a width must be given */
	width: 198px;
	padding: 0px 10px 5px 5px;
	text-align:right;
}
.twoColFixLtHdr #mainContent2 {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
}
.twoColFixLtHdr #containerb {
	width: 1000px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-color: #FFFFFF;
}
.texto_bold-blanco {
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

.texto_blanco {
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
	text-align: left;
}

.texto_blanco-bold11 {
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	text-align: left;
}
.texto_azul-bold2 {
	font-size: 11px;
	color: #0066CC;
	text-decoration: none;
	font-weight: bold;
}

.table_border {
border-bottom:1px solid #6699CC;border-right:1px solid #6699CC;border-top:1px solid #6699CC;border-left:1px solid #6699CC;
}
.dashed_bottom-right {
border-bottom:1px dashed #6699CC;border-right:1px dashed #6699CC
}
.dashed_bottom{
border-bottom:1px dashed #6699CC;
}
.dashed_right {
border-right:1px dashed #6699CC
}

.titulos_firma{font-size: 18px
}
.titulos_firma14{font-size: 14px
}
.titulos_firma44 {font-size: 30px;font-weight: bold;
}

/* tabla normal  */	
		#tabla540{width:540px;}
		#tabla740{width:740px;}
		.tabla{width:100%;font-size:0.9em;border:0;border-bottom:2px solid #615a49;border-collapse:collapse;overflow:auto;margin:1px 0 1px 0;text-align:center;}
		.tabla td, .tabla th{padding:2px 8px; vertical-align:middle}
		.tabla .bordRight th, .tabla .bordRight td, .cabecera2 th{border-right:1px solid #b6b6b6;padding-right:5px;}
		.tabla .bordRight .noBorder, .tabla .cabecera2 th.noBorder{border-right:0;}
		.tabla .cabecera th{font-size:0.95em;background:#0066CC;color:#fff;min-height:15px;padding-top:10px;padding-bottom:10px; font-size:11px;font-weight:bold}
		tr.cabecera2 th{background-color:#a9a78c;color:#fff;padding-top:4px;padding-bottom:4px;font-weight:bold}
		tr.cabecera2 td{background-color:#D8D0B3;color:#444;font-weight:bold}
		.tabla caption{text-align:left;color:#4B473C;font-size:130%;margin-bottom:5px;font-weight:bold;visibility:visible}
		.CaptOculto caption{visibility:hidden !important;font-size:1px !important;margin:0;padding:0}
		.pieTabla, .pieTabla li{font-size:90%}
		.tabla td{line-height:1.4}
		.par td{background-color: #E6E6E6;}
		.impar td{background-color:#fff;}
		
				/* listas */
		.listaNormal{margin:0 14px 20px 15px;}
		.listaNormal li{margin:4px 0;list-style-type:disc}
		.listaNormal li ul{margin:5px 0 15px 20px}
		.listaNormal li li{padding:4px 0 4px 25px;list-style-type:circle;}
		
		
		
.caja_home-juntos{background:url(../images/caja_home-juntos.jpg) no-repeat; padding:55px 45px 40px 220px;}
.caja_home-cursos{min-height:165px; height:auto!important; height: 165px; background:url(../images/caja_home-cursos.gif) no-repeat; width:333px; padding:30px 18px 10px 17px; margin-right:24px; /margin-right:18px;float:left}
.caja_home-videos{min-height:165px; height:auto!important; height: 165px; background:url(../images/caja_home-videos.gif) no-repeat; width:333px; padding:30px 18px 10px 17px; float:left}
.caja_home-newsletter{min-height:165px; height:auto!important; height: 165px; background:url(../images/caja_home-newsletter.gif) no-repeat; width:333px; padding:30px 18px 10px 17px; margin-right:24px; /margin-right:18px; float:left}
.caja_home-conoce{min-height:165px; height:auto!important; height: 165px; background:url(../images/caja_home-conoce.gif) no-repeat; width:333px; padding:30px 18px 10px 17px; float:left}

.tarjeta_cihu{ color:#FFF; font-size:12px; width:242px; height:151px; padding:110px 20px 0 153px;  background: url(../images/common/carnet_instalador.jpg) no-repeat;}
.tarjeta_cihu_pt{ color:#FFF; font-size:12px; width:242px; height:151px; padding:110px 20px 0 153px;  background: url(../images/common/carnet_instalador_pt.jpg) no-repeat;}