* { margin:0; padding:0;}
body { background:#FFFFFF url(images/bg-body-whitee.jpg) repeat-x fixed bottom; font-family:Tahoma; font-size:100%; line-height:1em; color:#393939;} /* Azul: 81BDFF */

.translateBox { float: right; z-index: 1; position: relative; right: 20px; text-align: right;}
.translateBox a { text-transform: capitalize !important; font-weight: normal !important; color:#999 !important; font-size: 8px !important;}

/*in_line*/
img {border:0; vertical-align:top;}

a:hover{text-decoration:none;}
a {color:#e17e1f; text-decoration:none; text-transform:uppercase; font-size:9px}
a:hover{text-decoration:underline}

p { text-align: none;}

h5 span{ color:#999; font-weight:normal}

h3 { font-weight:normal; color:#629D28; text-transform:uppercase; font-size:10px}

p.destacado{font-family:Georgia,"Times New Roman",Times,serif; font-size:14px; color:#61553E; font-style:italic}

strong{color:#629D28; font-weight:normal}

.clear { clear:both;}
.fright { float:right;}
.alignright { text-align:right; margin-right:10px;}

.sf { font-size: 0.9em;}

.derecha { text-align: right !important;}
.izquierda { text-align: left !important;}
.centrada { text-align: center !important;}
.justificada { text-align: justify !important;}



/*txt, links*/

h1 { background:url(images/itgreen_logo_web.jpg) top left no-repeat; text-indent:-10000px; font-size:1em; width:199px; height:70px;}

/*home specials*/
.home_paragraph { padding-left: 240px;}
.cita { font-size: 1.2em; font-style: italic;}



/*header*/
#header { background:url(images/bg_header_block_920.gif) top left repeat-y;}
#header .logo { position:absolute; margin-right:45px; margin-left:40px; top:57px;}
#header .bg_line_header { background:url(images/line_bottom.gif) bottom left repeat-x; padding-bottom:19px; margin-bottom:7px;}
#header .line_top { background:url(images/line.gif) top left repeat-x;}
#header .line_bottom { background:url(images/line_bottom.gif) bottom left repeat-x;}
#header .t_l { background:url(images/header_left.gif) top left no-repeat;}
#header .t_r { background:url(images/header_right.gif) top right no-repeat; padding:24px 6px 9px 7px;}
#header ul{ float: right; margin:0; list-style:none; padding: 19px 30px 3px 0px;}
#header li{ display:inline; font-size:0.9em; margin:0 9px 0 9px; padding: 0px 3px; font-family:Arial;}
#header li a {color:#a7a7a7; text-decoration:none; background:url(images/bg_ul.gif) left bottom repeat-x; font-size:10px; text-transform:uppercase }
#header li a:hover { border-bottom: 1px solid #6C6 !important; color:#6C6}
#header li .active{ border-bottom: 1px solid #6C6 !important; color:#6C6}
#header li .m1 { margin:0 -13px 0 0px;}
#header li .m3 { margin:0 0px 0 -11px;}
#header li .m1_1 { background:url(images/1_m1.gif) top left no-repeat; padding:10px 9px 10px 9px; color:#fff; margin:0 -10px 0 -10px;}
#header li .m2_2 { background:url(images/2_m2.gif) top left no-repeat; padding:10px 10px 10px 12px; color:#fff;}
#header li .m3_3 { background:url(images/3_m3.gif) top left no-repeat; padding:10px 12px 10px 10px; color:#fff;}
#header li .m4_4 { background:url(images/4_m4.gif) top left no-repeat; padding:10px 12px 10px 9px; color:#fff;}
#header li .m5_5 { background:url(images/5_m5.gif) top left no-repeat; padding:10px 12px 10px 9px; color:#fff;}
#header li .m6_6 { background:url(images/6_m6.gif) top left no-repeat; padding:10px 12px 10px 9px; color:#fff;}
#header li .m7_7 { background:url(images/7_m7.gif) top left no-repeat; padding:10px 12px 10px 9px; color:#fff;}

/*content*/
#content { background:#efebe5; font-family:Arial; font-size:0.75em; color:#412702; line-height:1.1538em;}
#content .title { margin-bottom:18px;}
#content .bg_line { background:url(images/line_bottom.gif) bottom left repeat-x;}
#content .partners_box { background:Transparent url(images/line_bottom.gif) top left repeat-x; padding: 5px; margin: 2em 0px 0px;}
#content .special_home_box { margin: 0 7px;}
#content .pic1 { margin:7px 3px 0 7px;}
#content .pic2 { margin:7px 3px 0 3px;}
#content .pic3 { margin-top:7px;}
#content .picx { margin:5px 2px 0;}
#content p { padding-bottom:17px; line-height: 1.6em; text-align: justify;}
#content ul{ margin:0; padding:0; list-style:none;}
#content li a {  padding-left:9px; color:#745e50; line-height:1.692em;}
#content li a:hover {color:#745e50;} 
#content .line_bottom { background:url(images/line.gif) bottom left repeat-x;}
#content .l_b { background:url(images/content_left.gif) bottom left no-repeat;}
#content .r_b { background:url(images/content_right.gif) bottom right no-repeat;}
#content .box { padding:0 0 10px 0; margin:0px;}
#content .box1 {}
#content .pic { float:left; margin:0 18px 0 0;}
#content .picr { float:right; margin:0;}
#content .bg_line1 { background:url(images/bg_line1.gif) bottom left repeat-x; padding-bottom:22px; margin-bottom:16px;}
#content .indent { padding:24px 0 0 0;}
#content .indent_breadcums { padding:0px 0 0 0;}
#content .col_1 .ind { padding:10px 0px 0 22px;}
#content .col_1 .pad { padding:0 23px 0 0;}
#content .col_1 { background:url(images/bg_line.gif) top right repeat-y;}
#content .col_2 .pad { padding:0 27px 0 0;}
#content .col_2 .ind { padding:10px 0px 0 17px;}
#content .col_2 .bg_line { padding-bottom:33px; margin-bottom:30px;}

#content .lista { list-style-image:url(images/lista.jpg); padding: 0 0 0 5em; line-height: 1.6em;}
#content .lista ul{ list-style-type: none;  padding: 10px 0 0 4em; line-height: 1.6em; margin-bottom: 5px !important;}
#content .lista ul li{background-image:url(images/vineta2.gif); background-repeat:no-repeat; padding-left:15px}
#content .listaHoja { list-style-image: url(images/itgreen_lista.gif); padding: 0 0 0 4em; line-height: 2.1em;}
#content .listaHoja ul{ list-style-type: circle; padding: 0 0 0 4em; line-height: 2.1em; margin-bottom: 5px !important;}
#content .listaHoja ul li { background: none; padding-left: 1em;}
#content .listaNum { list-style-type: decimal; padding: 0 0 0 2em; line-height: 1.6em;}
#content .listaNum ul{ list-style-type: square; padding: 0 0 0 4em; line-height: 1.6em; margin-bottom: 5px !important;}

#soluciones_panel img {margin: 5px;}

.promo {margin-top: 20px; padding: 0px 90px 0 10px !important; text-transform:uppercase; font-size:10px}
.promo div { height: 70px; overflow: hidden; line-height: 14px;}
.promo a { position: relative; top: 12px;}

.box_fuente { margin: 0 5px 10px 5px; padding: 10px; border: 1px dotted green; background: #FFF;}
.box_banner { margin: 0 0px 10px 0px; padding: 10px; border: 1px dotted green; background: #FFF;}


/*footer*/
#footer { color:#000000; font-family:Arial; font-size:0.75em;}
#footer a {color:#E17E1F; text-decoration:none;}
#footer a:hover { text-decoration:underline;}
#footer .column1 { width:745px;}
#footer .column2 { width:132px;}
#footer .box { padding:24px 0 0 26px;}
#footer .pic1 { margin-left:6px;}

/*================== index.html ==================*/
#page1 #content .ind { padding:30px 30px 0 22px;}
#page1 #content .bg_line { padding-bottom:10px; margin-bottom:10px;}
#page1 #content .column1 { width:304px; background:url(images/bg_line.gif) top right repeat-y;}
#page1 #content .column2 { width:367px;}
#page1 #content .columnMax { width:570px;}
#page1 #content .column1 .ind1 { margin:0 34px 0px 0;}
#page1 #content .column2 .ind1 { margin:0 0 0px 17px;}
#page1 #content .columnMax .ind1 { margin:0 0 0px 17px;}
#page1 #content .pad { padding-left:24px;}

/*================== index-1.html ==================*/
#page2 #content .col_1 .pic1 { float:left; margin:0 18px 18px 0;}
#page2 #content .col_1 .bg_line { padding-bottom:30px; margin-bottom:20px;}
#page2 #content .col_2 .bg_line { padding-bottom:10px; margin-bottom:30px;}
#page2 #content .col_2 .column1 { width:219px;}
#page2 #content .col_2 .column2 { width:182px;}
#page2 #content .col_2 ul { margin-bottom:20px;}


/*================== index-2.html ==================*/
#page3 #content .col_1 .pic1 { float:left; margin:0 18px 18px 0;}
#page3 #content .col_1 .bg_line { padding-bottom:30px; margin-bottom:20px;}
#page3 #content .col_1 .column1 { width:214px;}
#page3 #content .col_1 .column2 { width:182px;}
#page3 #content .col_1 ul { margin-bottom:20px;}
#page3 #content .col_2 .pic1 { margin:0 0 20px 0;}

/*================== index-3.html ==================*/
#page4 #content .col_1 ul { margin-top:15px;}
#page4 #content .col_1 .bg_line { padding-bottom:30px; margin-bottom:20px;}
#page4 #content .col_2 .pic1 { margin:0 18px 20px 0; float:left;}

/*================== index-4.html ==================*/
#page5 #content .col_2 .bg_line { padding-bottom:33px; margin-bottom:30px;}


/*================== index-5.html ==================*/
#page6 #content .col_1 .bg_line { padding-bottom:30px; margin-bottom:20px;}
#page6 #content .col_1 .pic1 { float:left; margin:0 18px 18px 0;}


/*================== index-6.html ==================*/
#page7 #content .col_1 .ind { padding:10px 33px 0 22px;}
#page7 #content .col_2 .txt {padding:10px 22px 0 0;}
#page7 #content .col_2 .txt a { color:#745e50;}
#page7 #content .col_2 .column1 { width:220px;}
#page7 #content .col_2 .column2 { width:180px;}
#page7 #content .col_2 .column1 .div { height:25px;}
#page7 #content .col_2 .column2 .div { height:104px;}
#page7 #content .col_2 .column2 .alignright { margin:0px;}

/*================== index-7.html ==================*/
#page8 #content .indent { padding:34px 30px 46px 23px;}




/*==========================================*/

.input {color:#745e50;		 
		height:20px;
		width:170px;
		background:#fff;
		border:solid 1px #9d9d9d;
}

.input option { padding: 5px;}

textarea{  background:#fff;
		   color:#745e50;
		   border:solid 1px #9d9d9d;
		   width:315px; height:210px;
		   overflow:auto;
		   padding: 3px;
		   font-family:Tahoma; 
		    font-size:0.99em;
}

h2 {
	line-height: normal !important;
	color:#629D28;
	font-size:20px;
	font-style:italic;
	font-weight:normal;
	font-family: "Times New Roman", Times, serif
}

h2.title_izq { border-bottom: 1px dotted #9d9d9d; margin-bottom: 20px; padding-top: 15px;}

.noticia_resumen { background-color: #FFF; padding: 1em; border-bottom: 1px dotted #9d9d9d; margin-bottom: 3px;}
.noticia_extensa { padding: 1em 1em 0 1em !important; border-bottom: 1px dotted #9d9d9d; cursor: pointer;}
.noticia_extensa:hover { background-color:#f5f5f5;}
.noticia_titulo { font-size: 1.3em; font-weight: bold; color: #333; display: block; text-align: left; margin-top: 4px; line-height: 0.7em;}
.noticia_fecha { font-size: 2.6em; font-weight: normal; color:#999; display: inline; text-align: right; float: left; margin: 0 10px 0 0; line-height: 1em;}
.noticia_autor { font-size: 0.9em; color:#999; display:block; text-align: right;}
.noticia_autor a { text-decoration: none; color:#666;}
.noticia_autor a:hover { color:#e17e1f;}
.noticia_sub { font-size: 0.9em; font-style: italic; color: #745e50; display: inline; text-align: left;}
.noticia_cuerpo { background-color: #f5f5f5; margin-bottom: 2em; padding: 1em; display: none; visibility: hidden; border-bottom: 1px dotted #9d9d9d; border-right: 1px dotted #9d9d9d; border-left: 1px dotted #9d9d9d; color: #333;}
.noticia_mes { margin: 3em 0 0em 0; border-bottom: 1px dotted #9d9d9d; font-size: 1.3em;}

.submenu {
	font-weight: bold;
	margin-top: 1em !important;
}

.submenu ul { margin-bottom: 1em !important;}

.submenu li { line-height: 3em; border-bottom: 1px dotted #9d9d9d;}
.submenu ul li { line-height: 1em; border: none; padding-left: 3em;}

.submenu a {
	background: Transparent url('images/degradado_submenu.jpg') no-repeat bottom left !important;
	padding-left: 25px !important;
	margin: 0;
	text-decoration: none;
}

.submenu a:hover {
	background: Transparent url('images/degradado_submenu_on.jpg') no-repeat bottom left !important;
	padding-left: 25px !important;
	margin: 0;
	text-decoration: underline;
}

.submenu .active {
	background: Transparent url('images/degradado_submenu_on.jpg') no-repeat bottom left !important;
	text-decoration: none !important;
}

.submenu ul a {
	background: Transparent url('images/z_ul.gif') no-repeat center left !important;
	padding-left: 10px !important;
	margin: 0;
	text-decoration: none;
}

.submenu ul a:hover {
	background: Transparent url('images/z_ul.gif') no-repeat center left !important;
	padding-left: 10px !important;
	margin: 0;
	text-decoration: underline;
}

.submenu ul .active {
	background: Transparent url('images/z_ul.gif') no-repeat center left !important;
	padding-left: 10px !important;
	color: green;
	text-decoration: none !important;
}


.breadcums {
	margin: 0;
	padding: 0 8px;
	height: 24px;
	line-height: 24px;
	border-left: 12px solid #66CC66;
	border-right: 12px solid #66CC66;
	text-transform:uppercase; 
	font-size:10px
}

.bc_atras {float: right; background: Transparent url(images/l_ul.gif) no-repeat 0 !important; color: #745E50; padding: 3px 0 0 10px; text-decoration: none; position: relative; top: -30px;}

.bc_arriba {float: right; background: Transparent url(images/top_ul.gif) no-repeat 0 !important; color: #745E50; padding: 0 16px; text-decoration: none;}

.breadcums a { text-decoration: none; color: #745E50; text-transform:uppercase; font-size:10px}

.breadcums a:hover { text-decoration: underline;}

.col_cita {float:right; display: inline; width: 200px; font-size: 1.1em; font-style:italic; line-height: 20px;}

.tabla {width:100%; margin: 1em 0; padding: 0; border: none;}
.tabla th {padding: 0 0 0 2em; text-align: right}
.tabla th span {border-bottom: 1px dotted grey; display: block; padding-bottom: 5px; color:#298F29;}
.tabla td {padding: 2em 0 2em 2.3em; border-bottom: 1px inset #298F29; line-height: 1.3em; font-size: 0.9em; text-align: left; vertical-align: top;}
.tabla .tablepar { background-color:#E3EFE0; }
.tabla .tableimpar { background-color:#E9EDF4; }
.celda_sin { border: none !important; margin: 0px !important; padding: 0px !important;} 
.celda_concepto { padding: 0 2em 0 0 !important; text-align: left !important; vertical-align: middle !important; background: Transparent url(images/flecha-r.gif) no-repeat center right;}

.div_horizontal { margin: 1em; border-bottom: 1px dotted #CCC; padding-bottom: 1em;}
.div_horizontal .nombre { color: #333; font-size: 16px; margin-right: 5px;}
.div_horizontal .cargo { color: #666;font-size: 16px;}
.div_horizontal .formacion { display: block; margin-top: 3px;}
.div_horizontal .contacto { display:block; text-align: right; margin-top: 1em;}

.portada_sol {margin-bottom: 2em;}
.portada_sol img {float: left; margin-right: 2em;}
.listaPortada { float:left; margin-right: 2em !important; border-right: 1px dotted #CCC; padding-right: 2em !important; max-width: 195px; min-width: 185px;}