@charset "utf-8";
/* CSS Document by INNOVA CONSULTING - angel sanchez */
/* Eric Meyer's CSS Reset 
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1.2em;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}



html {padding:0; margin:0; background:url(../images/bg-inferior.gif) repeat-x bottom;}
body{ margin:0; padding:0; text-align: center;font-family:Verdana,Arial,sans-serif; font-size: .75em; background: url(../images/bg-body.png) repeat-x 0 -20px;}
form, input {margin:0; padding:0; height:auto; width:auto; }
h1, h2, p, h3 {margin:0; padding:0;}

/* ---------------------------------- free classes -------------------------------*/
.clearleft {clear:left;}
.clearright {clear:right;}
.clearboth {clear:left;}
.clearfix{clear:both;}

/* ---------------------------------- IE FIXES -------------------------------*/
#IEroot #header .colorescss {float:right; margin:20px 0 0 278px; position:absolute;}
#IEroot #diapositivas { margin:0px auto 0 auto ; width:250x;  padding:0px 10px 0px 20px;background:url(../images/bg-diapositivas.png) 25px 15px no-repeat; height:332px;}

#IEroot  #text {width: 500px;height: auto;margin-top:30px;margin-left: 200px;padding-left: 50px;padding-right: 20px;z-index: 5000;position: relative;text-align:left;color:#fff;}

#IEroot  a.info:hover span { /*Esta zona es la que hace que se despliegue cuando nos ubicamos sobre el texto de la URL o la imagen dentro de la URL*/display:block;position:absolute;top:-75px;left:10em; width:214px;	height:82px;    background:url(../images/bg-tooltip.gif) no-repeat ;    color:#fff;    text-align: left;    font-family: Arial, Helvetica, sans-serif;    font-size: 80%;    padding: 5px;	filter: alpha(opacity=50);}
#IEroot  #featured_info_wrapper{width:283px; padding:48px 32px 32px 0px; float:right; text-align:left; color:#fff; margin-left:63px}
#IEroot #featured_info{ margin-left:-50px;}



#IEroot #header .areabuscar {/*background:url(../images/bg-buscar-focus.png) no-repeat 0 40px;*/ width:200px; float:right; margin:25px 0 0 0; padding:0; height:85px;}
#IEroot #header .areabuscar input[type='text']{border:1px solid #e0e0e0;background:#f1f1f1; margin:0; color:#999; font-size:12px; cursor:pointer; height:16px; width:110px; padding:4px 0 0 0; display:block; float:left}
#IEroot #header .areabuscar input[type='text']:hover { border:1px solid #999; background:#fff; margin:0}
#IEroot #header .areabuscar input[type='submit'] {border:none; background:/* url(../images/bg-button.gif) repeat-x*/#e9e9e9; margin:0 0 0 5px; color:#999; font-size:11px; cursor:pointer; height:22px; width:50px; padding:0; float:left }
#IEroot #header .areabuscar input[type='submit']:hover { color:#fff;margin:0 0 0 5px;  background:#087198}
#IEroot .searchfield {float:left; width:200px;}
#IEroot .searchbutton {float:left; width:50px; margin-left:10px;}

/* ----------------------------------  HEADER --------------------------------*/	



#header {margin:0 auto; height:108px; width:1003px;}
#header .logotipo { padding-top:20px; float:left; display:block; height:80px; width:200px; }
#header .colorescss {float:right; margin: 20px 0 0 705px; position:absolute;} 
#header .colorescss img {padding:0 10px 0 0} 
#header .areabuscar {/*background:url(../images/bg-buscar-focus.png) no-repeat 0 40px;*/ width:170px; float:right; margin:10px 0 0 0; padding:0; height:100px }
#header .areabuscar input[type='text'] {border:1px solid #e0e0e0;background:#f1f1f1; margin:0; color:#999; font-size:12px; cursor:pointer; height:18px; width:110px; padding:2px 0 0 0}
#header .areabuscar input[type='text']:hover { border:1px solid #666; margin:0; background:#fff}
#header .areabuscar input[type='submit'] {border:none; background:/* url(../images/bg-button.gif) repeat-x*/#e0e0e0; margin:0; color:#999; font-size:12px; cursor:pointer; height:22px; width:50px; padding-bottom:3px }
#header .areabuscar input[type='submit']:hover { border:1px solid #666; margin:0; background:#087198; color:#fff}
.searchfield {float:left; width:170px}
.searchbutton {float:left; width:50px; margin-left:20px}
.topmenu {}
.iconos { margin-bottom:10px; padding:0 0 0 100px}
.iconos .icon { float:left; margin:4px}
.searcharea {margin-top:0px; width:200px}
.migasdepan {width:1003px; margin:5px auto 35px auto; color: #fff; text-align:left; padding-left:18px}
.migasdepan a {text-decoration:none; color:#fff;}
.migasdepan a:hover, a:focus {text-decoration:underline; color:#fff;}
		
/* ----------------------------------  DISPOSITIVAS --------------------------------*/			

#diapositivas { margin:0 auto; width:1003px; height:260px;  padding:0;/* background:url(../images/bg-diapositivas.png) 0 0 no-repeat ;*/ display:block}
#FrogJS{ width: 700px; height: 290px; margin:0 20% 0 0; padding:20px 0 0 0;}
#FrogJSCredit{text-align: left; font-size: 150%; color: #008ab4; padding: 1px; position:absolute; top:10px; left:730px; width:200px; font-weight:bolder; }
#FrogJSCaption{ text-align: left; line-height:140%; float:right; position:absolute; top:60px; left:730px; width:200px; color:#666666; }


/* ----------------------------------  CONTENIDO --------------------------------*/

#contenido {width:1003px; min-height:200px; margin:0 auto; background: url(../images/bg-contenido.gif) bottom  no-repeat; padding-bottom:50px;}
#contenido #contenidoizquierda { width:230px; float:left; padding-left:10px; margin:15px 0 0 0 }

#contenido .noticias {background:url(../images/bg-news.gif) no-repeat 5px 0 ;height:250px; text-align:left; padding:40px 0 0 20px;}
#contenido .noticias a {text-decoration:none;font-size:100%; color:#8d8d8e; }
#contenido .noticias a:hover {text-decoration:underline;}
#contenido .noticias h1 {color: #52aacb; font-size:100%; background:url(../images/bg-link.gif) no-repeat 8px 3px; padding:0 0 20px 25px; font-family: "Lucida Sans Unicode","Lucida Grande",Lucida,Verdana,Arial,sans-serif}
#contenido .noticias h2 {color: #52aacb; font-size:95%;}
#contenido .noticias .cajanoticias1 {font-size:95%; color:#8d8d8e; width:150px; padding:0 0 10px 30px; margin-bottom:10px; line-height:1.2em }
#contenido .noticias .cajanoticias1 p {padding:4px 0 0 0}
#menu {list-style: none;font-size:100%;width: 227px;height: 214px;padding:0px;background: url(../images/bg-news.gif) 8px 0 no-repeat; text-align:left;}
#menu ul{list-style: none;	margin: 0;	padding:30px 0 0 25px; width:187px;}
#menu a{color: #8d8d8e;height: 23px;display:block;text-decoration: none;padding:6px 0 4px 15px;font-weight:normal; border-bottom:solid 1px #ededed;}
#menu a:hover{color: #52aacb; background:url(../images/bg-link.gif) no-repeat 0 9px}
#menu .current {color: #52aacb; background:url(../images/bg-link.gif) no-repeat 0 9px; font-weight:bold}

#contenido #contenidoderecha { width:738px; float:left; text-align:left; padding:20px 0 0 0; font-size:110%; color:#666666; margin-left:25px; line-height:1.2em}
#contenido #contenidoderecha .listas ul {padding:5px 0 5px 30px; list-style:url(../images/bullet.gif)}
#contenido #contenidoderecha .listas li {padding:5px 0 5px 0; margin-left:20px; line-height:1.2em}
#contenido #contenidoderecha .listas li:hover {padding:5px 0 5px 0; margin-left:20px; line-height:1.2em; color:#666; background-color:#f4fcfe; cursor:text}
#contenido #contenidoderecha p {padding:0 25px 15px 20px; line-height:1.2em; }
#contenido #contenidoderecha h1 {color: #008ab4; font-size:220%; font-weight:lighter; padding:8px 0 25px 0;line-height:1.2em; font-family: "Lucida Sans Unicode","Lucida Grande",Lucida,Verdana,Arial,sans-serif}
#contenido #contenidoderecha h2 {color: #008ab4; font-size:200%; font-weight:lighter; padding:20px 0 25px 5px;line-height:1.2em; font-family: "Lucida Sans Unicode","Lucida Grande",Lucida,Verdana,Arial,sans-serif}
#contenido #contenidoderecha h3 {color: #008ab4; font-size:150%; font-weight:lighter; padding:15px 0 0 5px; margin:0 0 10px 15px;line-height:1.2em}
.cajainterior {float:left; width:33%; text-align:left}
.cajainteriorSup {float:left; width:42%; text-align:left; margin-bottom:20px; margin-right:50px;}
.cajainteriorSupMapa {float:left; width:140px; text-align:left; margin-bottom:20px;}
.cajainteriorSup img{top:30px;}
.btn  {width:100px; height:50px; margin:5px 0 0 30px; background:url(../images/bt_click_aqui.gif) 0 0 no-repeat; }
.noimg {margin:0; padding:0; border:none;}
.btn:hover {background:url(../images/bt_click_aqui_hover.gif) 0 0 no-repeat; cursor:pointer }


.caja_inferior_consultoria_big {float:left; width:37%; margin-right:0}
.caja_inferior_consultoria_big h4 {font-size:126%;color: #008ab4; font-weight:normal; padding:15px 10px 0 5px; margin:0 0 10px 0;line-height:1.2em}
.caja_inferior_consultoria_big  ul {padding:5px 0 5px 30px; list-style:url(../images/bullet.gif);}
.caja_inferior_consultoria_big  li {padding:5px 0 5px 0; margin-left:20px; line-height:1.2em}
.caja_inferior_consultoria {float:left; width:29%; margin-right:1%}
.caja_inferior_consultoria h4 {font-size:126%;color: #008ab4; font-weight:normal; padding:15px 10px 0 5px; margin:0 0 10px 0;line-height:1.2em}
.caja_inferior_consultoria  ul {padding:5px 0 5px 30px; list-style:url(../images/bullet.gif);}
.caja_inferior_consultoria  li {padding:5px 0 5px 0; margin-left:20px; line-height:1.2em}
.caja_inferior_consultoria  li:hover {padding:5px 0 5px 0; margin-left:20px; line-height:1.2em; color:#666; background-color:#f4fcfe; cursor:text}

#contenido #contenidoderecha .cajasuperior {padding:0 20px 30px 0; /* border-bottom:1px solid #d9d9d9*/}
#contenido #contenidoderecha .cajasuperior-20 {padding:0 20px 0 0; /* border-bottom:1px solid #d9d9d9*/}

#contenido #contenidoderecha .cajainferior .cajainferior1 {float:left; width:343px; padding:34px 0 0 0; }
#contenido #contenidoderecha .cajainferior .cajainferior1 p {max-width:300px;}

#contenido #contenidoderecha .cajasuperior p  span {font-size:110%; color:#008AB4;}
#contenido #contenidoderecha .cajasuperior   .leermas  { color:#ccc; text-align:left; font-size:85%; margin:20px 0 0 0; width:70px}
#contenido #contenidoderecha .cajasuperior   .leermas a {text-decoration:none; color:#ccc}
#contenido #contenidoderecha .cajasuperior   .leermas a:hover {text-decoration:underline;color: #52AAD8;}
#contenido #contenidoderecha .cajasuperior .leermas:hover { background:url(../images/bg-leermas.gif) no-repeat 50px 2px;  }

#contenido #contenidoderecha .cajainferior .cajainferior1  .leermas  { color:#ccc; text-align:left; font-size:85%; padding-top:20px; width:70px}
#contenido #contenidoderecha .cajainferior .cajainferior1  .leermas a {text-decoration:none; color:#ccc}
#contenido #contenidoderecha .cajainferior .cajainferior1  .leermas a:hover {text-decoration:underline;color: #52AAD8;background:url(../images/bg-leermas.gif) no-repeat 50px 22px; }


.cajainterior_consultoria_tecnologica {width:325px; float:left}
.cajainterior_consultoria_tecnologica_texto {width:325px; float:left; padding-left:15px}

.news .title { background: url(../images/bg_title_news.gif) repeat-x 0 -2px;border:1px solid #CCCCCC; width:580px; padding:5px 0 5px 5px; float:left;height:auto}
.news  h4 {font-size:100%; color:#008AB4; padding:0; margin:0;}
.news  h5 {font-size:100%; color:#008AB4; padding:0 0  5px 10px; margin:0;}
.news { width:710px; padding:0; margin-left:20px; }
.iconNews {background: url(../images/bg_title_news.gif) repeat-x 0 -2px;float:left; width:20px; padding:5px 5px 0 5px; border:1px solid #CCCCCC; height:37px; margin-left:5px}
.iconNews img {margin-top:5px}
.newsBody {padding:20px 0 0 0; width:650px}
.spanews   {font-size:80%; color:#999; margin:4px 0 5px 0; position:relative}



/* ----------------------------------  PIE --------------------------------*/

#pie {background:url(../images/bg-pie.gif) no-repeat center; height:314px; width:1003px; margin:0 auto; padding:0; color:#fff; text-align:left;}
#pie #contenedor {width:930px; margin:0 auto;}
#pie  h3 {padding:0 0 30px 0; font-size:120%;}
#pie  p {padding:15px 0 0 20px; font-size:90%; color:#e7e7e7}
#pie a {text-decoration:none; color:#fff;}
#pie .cajaizquierda {float:left; width:159px; margin-right:40px; padding:15px 10px 10px 10px; }
#pie .cajaizquierda a {color:#fff; text-decoration:none; padding:0 0 5px 5px;}
#pie .cajaizquierda .a1:hover { background:url(../images/facebook.gif) no-repeat 79px 14px; text-decoration:underline; }
#pie .cajaizquierda .a2:hover { background:url(../images/netvibes.gif) no-repeat 78px 14px; text-decoration:underline; }
#pie .cajaizquierda .a3:hover { background:url(../images/flickr.gif) no-repeat 78px 14px; text-decoration:underline; }
#pie .cajaizquierda .a4:hover { background:url(../images/linkedin.gif) no-repeat 78px 14px; text-decoration:underline; }
#pie .cajacentral {float:left; width:425px;  margin-right:40px;padding:15px 10px 10px 10px; }
#pie .cajaderecha {float:left; width:160px; padding:15px 10px 10px 10px; text-align:left;}
#pie .menuinferior {float:left; margin:0px auto; width:900px; text-align:center; color:#8f9597; padding:70px 0 0 0;}
#pie .menuinferior a {text-decoration:none;color:#8f9597; }
#pie .menuinferior a:hover {text-decoration:underline; }

/* ---------------------------------------TOOLTIP --------------------------------------- */

a.info {    position:relative;    z-index:24;     color:#666;    text-decoration:none;}
a.info:hover {    z-index:25;}
a.info span { /* Esta es la que hace que el texto en el span no se despliegue en el estado normal de la URL*/    display: none;}
a.info:hover span { /*Esta zona es la que hace que se despliegue cuando nos ubicamos sobre el texto de la URL o la imagen dentro de la URL*/
    display:block;    position:absolute;    top:-200px;    left:10em;    width:214px;	height:82px;    background:url(../images/bg-tooltip.png) no-repeat ;    color:#fff;    text-align: left;    font-family: Arial, Helvetica, sans-serif;    font-size: 80%;    padding: 10px;	opacity: .95;	filter: alpha(opacity:50);	font-weight:normal;}
	
a.info-footer {    position:relative;    z-index:24;     color:#666;    text-decoration:none;}
a.info-footer:hover {    z-index:25;}
a.info-footer span { /* Esta es la que hace que el texto en el span no se despliegue en el estado normal de la URL*/    display: none;}
a.info-footer:hover span { /*Esta zona es la que hace que se despliegue cuando nos ubicamos sobre el texto de la URL o la imagen dentro de la URL*/
 display:block;    position:absolute;    top:-80px;    left:.3em;    width:214px;	height:82px;    background:url(../images/bg-tooltip.png) no-repeat ;    color:#fff;    text-align: left;  font-family:"Lucida Sans Unicode","Lucida Grande",Lucida,Verdana,Arial,sans-serif;     font-size: 11px;    padding: 10px 15px 10px 10px;	opacity: .95;	filter: alpha(opacity:50);	font-weight:normal;}



/********* Lightbox  *********/

#jquery-overlay {	position: absolute;	top: 0;	left: 0;	z-index: 90;	width: 100%;	height: 500px;}
#jquery-lightbox {	position: absolute;	top: 0;	left: 0;	width: 100%;	z-index: 100;	text-align: center;	line-height: 0;}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {	position: relative;	background:#004F72;	width: 250px;	height: 250px;	margin: 0 auto;}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {	position: absolute;	top: 40%;	left: 0%;	height: 25%;	width: 100%;	text-align: center;	line-height: 0;}
#lightbox-nav {	position: absolute;	top: 0;	left: 0;	height: 100%;	width: 100%;	z-index: 10;}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {	width: 49%;	height: 100%;	zoom: 1;	display: block;}
#lightbox-nav-btnPrev {	left: 0; 	float: left;}
#lightbox-nav-btnNext { 	right: 0; 	float: right;
}
#lightbox-container-image-data-box {	font: 10px Verdana, Helvetica, sans-serif;	background:#004F72;	margin: 0 auto;	line-height: 1.4em;	overflow: auto;	width: 100%;	padding: 0 10px 0;}
#lightbox-container-image-data {	padding: 0 10px; 	color: #666; }
#lightbox-container-image-data #lightbox-image-details { 	width: 70%; 	float: left; 	text-align: left; }	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {	display: block; 	clear: left; 	padding-bottom: 1.0em;	}			
#lightbox-secNav-btnClose {	width: 66px; 	float: right;	padding-bottom: 0.7em; margin-right:30px	}

#jquery-lightbox{padding-bottom:70px;}


/*	featured slider	*/
#featured_slider_info_holder{padding-top:0;}
#featured_slider{height:272px; float:left;}
#featured_slider_bg{float:left}
#featured_slider_bg_left{width:195px; height:272px; padding-left:13px; float:left;}
#featured_slider_bg_right{width:374px; height:272px; float:right;}
#featured_slider_inner{width:552px; height:226px; margin:21px 0 0 0; margin-left:32px; border:1px solid #487291; float:left;}
#featured_slider_inner:hover{border:1px solid #00dfff;}
#featured_slider li{width:552px; height:226px;}
#featured_info_wrapper{width:283px; padding:28px 32px 32px 0px; float:right; text-align:left; color:#fff; margin-left:63px}
#featured_info{}
#featured_info h3{color:#688fa7; margin-bottom:15px;}
#featured_info h4{color:#4bb1ef; font-size:15px; font-weight:bold; margin-bottom:10px;}
#featured_info p{color:#9fceeb; font-size:12px; line-height:1.2em; margin-top:20px;}
.p_title{color:#ffab00;}
#featured_info li{width:286px; height:210px; margin-bottom:15px;}
.bt_visitSite a{width:72px; height:26px; margin-top:14px; background: url(../images/visit_site.png) 0 0 no-repeat; display:block; padding:7px 0 0 10px; text-decoration:none;color:#688fa7;}
.bt_visitSite a:hover{background: url(../images/visit_site_hover.png) 0 0 no-repeat; color:#00dfff}
.bt_viewLarger a{width:120px; height:26px; margin-top:14px; background:url(../images/view_larger.png) 0 0 no-repeat; display:block; padding:7px 0 0 10px; text-decoration:none;color:#688fa7;}
.bt_viewLarger a:hover{background:url(../images/view_larger_hover.png) 0 0 no-repeat; color:#00dfff}



/*	featured navigation	*/
#featured_nav{padding:5px 0 5px 420px; height:30px; }
#featured_nav li{float:left; margin-right:6px; cursor:pointer;}
#feat_1{background:url(../images/featurednav_1.png) no-repeat 0 0; width:21px; height:22px;padding:5px 0 0 0; text-decoration:none;color:#688fa7;}
#feat_1:hover{background:url(../images/featurednav_1_hover.png) no-repeat 0 0; color:#00dfff}
#feat_2{background:url(../images/featurednav_1.png) no-repeat 0 0; width:21px; height:22px;padding:5px 0 0 0; text-decoration:none;color:#688fa7;}
#feat_2:hover{background:url(../images/featurednav_1_hover.png) no-repeat 0 0; color:#00dfff}
#feat_3{background:url(../images/featurednav_1.png) no-repeat 0 0; width:21px; height:22px;padding:5px 0 0 0; text-decoration:none;color:#688fa7;}
#feat_3:hover{background:url(../images/featurednav_1_hover.png) no-repeat 0 0; color:#00dfff}
#feat_4{background:url(../images/featurednav_1.png) no-repeat 0 0; width:21px; height:22px;padding:5px 0 0 0; text-decoration:none;color:#688fa7;}
#feat_4:hover{background:url(../images/featurednav_1_hover.png) no-repeat 0 0; color:#00dfff}

#feat_next{width:21px; height:22px; background:url(../images/featurednav_next.png) no-repeat 0 0;}
#feat_next:hover{background:url(../images/featurednav_next_hover.png) no-repeat 0 0;}
#feat_prev{width:21px; height:22px; background:url(../images/featurednav_prev.png) no-repeat 0 0; }
#feat_prev:hover{background:url(../images/featurednav_prev_hover.png) no-repeat;}
#feat_pause { background:url(../images/pause-play.png) 0 0 no-repeat; width:21px; height:22px;}
#feat_pause:hover { background:url(../images/play-pause.png) 0 0 no-repeat; width:21px; height:22px; z-index:999999}






/*toggle big*/

.containerBIG{
	width: 600px;
	margin: 0;}
	
.enfoque {
float:left}

h6.triggerBIG {
	padding: 0 0 0 24px;
	margin: 0 0 5px 0;
	background: url(../images/h2_triggerBIG_a.gif) no-repeat;
	height: 25px;
	line-height: 1.4em;
	width: 450px;
	font-size: 110%;
	font-weight: normal;
	float: left;
	cursor:pointer
}
h6.triggerBIG a {
	color: #fff;
	text-decoration: none;
	display: block;
}
h6.triggerBIG a:hover {
	color: #ccc;
}
h6.active{background-position: left bottom;}
.toggle_containerBIG {
	margin: 0 0 5px;
	padding: 0;
	border-top: 1px solid #d6d6d6;
	background: #f0f0f0 url(../images/toggle_blockBIG_stretch.gif)repeat-y left top;
	overflow: hidden;
	font-size: 100%;
	width: 500px;
	clear: both;
}
.toggle_containerBIG .blockBIG {
	padding: 20px;
	background: url(../images/toggle_blockBIG_btm.gif) no-repeat left bottom;
}
.toggle_containerBIG .blockBIG p {
	padding: 5px 0;
	margin: 5px 0;
}
.toggle_containerBIG h3 {
	font: 2.5em normal Georgia, "Times New Roman", Times, serif;
	margin: 0 0 10px;
	padding: 0 0 5px 0;
	border-bottom: 1px dashed #ccc;
}
.toggle_containerBIG img {
	float: left;
	margin: 4px 15px 15px 0;
	padding: 5px;
	background: #ddd;
	border: 1px solid #ccc;
}






/* toggle */
.container {margin-left:20px}

p.trigger {
padding: 0 0 0 50px;
margin: 0 0 5px 0;
background:url(../images/h2_trigger_a.gif) no-repeat;
height: 6px;
line-height: 1.2em;
width: 130px;
font-size:100%;
font-weight: normal;
float: left;
cursor:pointer
}
p.trigger a {
color: #fff;
text-decoration: none;
display: block;
padding:2px 0 0 0
}
p.trigger a:hover { color: #ccc; }

p.active {background-position: left bottom;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/

.toggle_container {
margin: 0 0 5px;
padding: 0;
border-top: 1px solid #d6d6d6;
background: #f0f0f0 url(toggle_block_stretch.gif) repeat-y;

overflow: hidden;
font-size: 90%;
width: 125px;
clear: both;

}
.toggle_container .block {
padding: 10px; /*--Padding of Container--*/
/*--Bottom rounded corners--*/
margin:0
}


.cajatoggle {float:left; width:100px; margin:0 40px 0 0}

/* form */ 
#form {/*background:url(../images/bg-buscar-focus.png) no-repeat 0 40px;*/ width:600px; float:left; margin:10px 0 0 20px; padding:0; }
#form  input[type='text'] {border:1px solid #e0e0e0;background:#f1f1f1; margin:0; color:#52AACB; font-size:14px; cursor:pointer; height:18px; width:250px; padding:2px 0 0 0}
#form  input[type='text']:hover { border:1px solid #666; margin:0; background:#fff}
#form  textarea{border:1px solid #e0e0e0;background:#f1f1f1; margin:0; color:#52AACB; font-size:14px; cursor:pointer; height:200px; width:250px; padding:2px 0 0 0; font-family:Arial, Helvetica, sans-serif}
#form  textarea:hover { border:1px solid #666; margin:0; background:#fff}
#form  input[type='submit'] {border:none; background:/* url(../images/bg-button.gif) repeat-x*/#e0e0e0; margin:0; color:#999; font-size:12px; cursor:pointer; height:22px; width:50px; padding-bottom:3px }
#form  input[type='submit']:hover { border:1px solid #666; margin:0; background:#087198; color:#fff}

td { padding:0 0 30px 0}


/*validador*/
.validador 
{
   text-align:left;
   background:#fee2e3;
   margin:0;
   line-height:1.2em;
   display:block;
   border:1px solid #feb2b2;
   padding:5px;
   width:495px
  
   }

.validador_mail
{
   text-align:left;
   background:#fee2e3;
   margin:-31px 0 0 0;
   line-height:1.2em;
   display:block;
   border:1px solid #feb2b2;
   padding:5px;
   width:495px
  
   }

.validador-hide 
{
    display:none;
}

.botonenviar 
{
    margin-left:460px;
    margin-bottom:20px
}