@charset "UTF-8";
/* CSS Document */

/* RESET y GENERALES*/

body,td,th {
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}

img { border:none;}

p.azul { color:#0066CC; padding:0; margin:-3px 0 5px 0; font-weight:bold }

p { margin:0 0 10px 0; padding:0;}

h1, h2, h3, h4, h5, h6 { margin:0; padding:0;}

h2{ font-size:16px; font-family:"Helvetica Condensed", "Arial Narrow", Helvetica, Arial, sans-serif; margin-bottom:10px; /*text-shadow: black 0.1em 0.1em 0.2em*/}

h2.titulo{ font-family:"Helvetica Condensed", "Arial Narrow", Helvetica, Arial, sans-serif; font-size:26px; color:#5496ca; font-weight:bold; margin-bottom:15px;}

h3{ font-size:18px; color:#000000; font-family:"Helvetica Condensed", "Arial Narrow", Helvetica, Arial, sans-serif; margin-bottom:15px; /*text-shadow: black 0.1em 0.1em 0.2em*/}

h3.pie{ font-size:16px; color:#333; font-family:"Helvetica Condensed", "Arial Narrow", Helvetica, Arial, sans-serif; margin-bottom:5px; /*text-shadow: black 0.1em 0.1em 0.2em*/}

p.pie { color:#999999; font-size:10px;}

p.pie2 { color:#333; font-size:10px;}

h2 a:link {color:#333333; text-decoration:none;}
h2 a:hover {color:#666666; text-decoration:underline;}
h2 a:active {color:#333333; text-decoration:none;}
h2 a:visited {color:#333333; text-decoration:none;}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

html {
	height: 100%;
	overflow: auto;
}


/*ESTRUCTURA*/

#htmlContent {
	width: 700px;
	visibility: visible;
	position:absolute;
	z-index: 2;
	top:35px;
	left:50%;
	right:50%;
	margin-left:-350px;
}

#htmlContentPro {
	width: 960px;
	visibility: visible;
	position:absolute;
	z-index: 2;
	top:112px;
	padding:25px 0 0 0;
	left:50%;
	right:50%;
	margin-left:-480px;
}

#htmlContentPre {
width:960px;
margin:auto;
height:auto;
padding:15px 0 0 0;
}

#htmlFooter {
padding-top:15px;
height:96px;
width:960px;
margin:auto;
}


/*FLASH*/

#flashUnder {
	left: 0px;
	top: 0px;
	width:100%;
	height:100%;
}

#flashUnder2 {
	left: 0px;
	top: 0px;
	width:100%;
	height:100%;
}

#flashUnder3 {
	left: 0px;
	top: 0px;
	width:100%;
	height:100%;
}

/*ESTILOS*/

#navlist li
{
display: inline;
list-style-type: none;
padding-right: 14px;
font-family:"Helvetica Condensed", "Arial Narrow", Helvetica, Arial, sans-serif;
letter-spacing:1px;
font-size:14px;
}

#navlist li a:link { text-decoration:none; color:#FFFFFF;}
#navlist li a:active { text-decoration:none; border-bottom:1px dotted #CCCCCC; color:#FFFFFF;}
#navlist li a:hover { text-decoration: none; border-bottom:1px dotted #CCCCCC; color:#FFFFFF;}
#navlist li a:visited { text-decoration:none; color:#FFFFFF;}

#current { text-decoration: underline; border-bottom:1px dotted #CCCCCC; color:#FFFFFF;}

div.col1 { width:325px; float:left; height:auto; padding:0 30px 0 0;}
div.col2 { width:325px; float:left; height:auto; padding:0 30px 0 0; margin-top:45px;}
div.col3 { width:250px; float:left; height:auto; padding:0; margin-top:45px;}

div.col2_opentext { width:325px; float:left; height:auto; padding:0 30px 0 0; margin-top:80px;}
div.col2_bot { width:325px; float:left; height:auto; padding:0 30px 0 0; margin-top:25px;} /*si columna 2 comienza con un boton*/
div.col2_bot_video { width:335px; float:left; height:auto; padding:0 30px 0 0; margin-top:25px;} /*si columna 2 comienza con un boton y tiene video -.- */
div.col3_img { width:250px; float:left; height:auto; padding:0;} /*si columna 3 va con imagen*/
div.col3_img_t { width:200px; float:left; height:auto; padding:0;} /*si columna 3 va con imagen*/
div.col1_preg { width:450px; float:left; height:auto; padding:0 30px 0 0;}
div.col2_preg { width:450px; float:left; height:auto; padding:0 30px 0 0; margin-top:35px;}
div.col2_preg2 { width:450px; float:left; height:auto; padding:0 30px 0 0; margin-top:110px;}


div.caja1 { width:310px; float:left; height:auto; padding:0 15px 0 0;}
div.caja2 { width:310px; float:left; height:auto; padding:0 15px 0 0;}
div.caja3 { width:310px; float:left; height:auto; padding:0;}

div.caja1Pie { width:280px; float:left; height:auto; margin:0 15px 0 0; padding:0 15px 0 0; border-right: #CCCCCC dotted 1px;}
div.caja2Pie { width:600px; float:left; height:auto; margin:50px 0 0 0; padding:0;}
div.caja3Pie { width:280px; float:left; height:auto; margin:0 15px 0 0; padding:0;}

a.caja { float:left; margin-right:10px; border:1px #CCCCCC solid; background:#CCCCCC;}

p.caja {}

div.video { margin:10px 0 0 0; height:274px; width:325px} /*video*/

div.piefl{ float:left; width:5px; height:96px; background:url(../img/pie_left.gif);}
div.piefr{ float:left; width:5px; height:96px; background: url(../img/pie_rigth.gif);}
div.piece{ float:left; width:930px; height:76px; background:url(../img/pie_centro.gif); padding:10px}


/*BOTONES*/
#botones { margin-top:20px;}

#botones ul, #botones li
{
    margin: 0;
    padding: 0;
    list-style: none;
}
#botones li
{
    margin: 0 10px 10px 0;
	display: inline;
	
}
a.button
{
	display: inline-block;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration: none;
	color: #003366;
	outline: none;
	background: url(../img/ButtonStyle1.png) no-repeat left top;
	line-height: 33px;
	padding-left: 10px;
}
a.button:hover { background-color: #2f91de; }
a.button span
{
	line-height: 33px;
	display: block;
	padding-right: 10px;
	background: url(../img/ButtonStyle1.png) no-repeat right bottom;
}
.button span
{

}

/*--COLORES--*/

a.gris { background-color: #CCCCCC;}
a.celeste { background-color: #a6c7e1;}
a.naranja { background-color: #FF9933;}
a.azul { background-color: #0066CC;}

span.gris { color: #999999;}


/*FORMULARIO*/

div.formulario .input-text{
border: 1px solid #cccccc;
background-color:#FFFFFF;
background: url(../img/fondo_formulario.gif) top repeat-x;
color:#666666;
}

div.formulario label{
display:block;
margin-bottom:10px;
color:#555555;
}

div.formulario label span{
display:inline-block;
padding-right:6px;
width:50px;
text-align:right;
font-weight:bold;
}

textarea.styled {
	background-color:#FFFFFF;
	width: 275px;
	height: 100px;
	border: 1px solid #cccccc;
	padding: 5px;
	background: url(../img/fondo_formulario.gif) top repeat-x;
}

/* LISTA STYLE col1 */

#number {
	margin: 10px 0 40px;
	padding: 0;
}
#number li {
	padding: 3px 0 6px 30px;
	margin: 0 0 0px;
	list-style: none;
}
#number h3 {
	font-size:14px; color:#000000; font-family:"Helvetica Condensed", "Arial Narrow", Helvetica, Arial, sans-serif; margin-bottom:5px;
	margin: 2px 0 5px;
}
#number .item1 {
	background: url(../img/number1.png) no-repeat;
}
#number .item2 {
	background: url(../img/number2.png) no-repeat;
}
#number .item3 {
	background: url(../img/number3.png) no-repeat;
}
#number .item4 {
	background: url(../img/number4.png) no-repeat;
}
#number .item5 {
	background: url(../img/number5.png) no-repeat;
}
#number .item6 {
	background: url(../img/number6.png) no-repeat;
}

/* LISTA STYLE col2 */
#number2 {
	margin: 10px 0 40px;
	padding: 0;
}
#number2 li {
	padding: 3px 0 6px 30px;
	margin: 0 0 0px;
	list-style: none;
}
#number2 h3 {
	font-size:14px; color:#000000; font-family:"Helvetica Condensed", "Arial Narrow", Helvetica, Arial, sans-serif; margin-bottom:5px;
	margin: 2px 0 5px;
}
#number2 .item1 {
	background: url(../img/number7.png) no-repeat;
}
#number2 .item2 {
	background: url(../img/number8.png) no-repeat;
}
#number2 .item3 {
	background: url(../img/number9.png) no-repeat;
}
#number2 .item4 {
	background: url(../img/number10.png) no-repeat;
}


/* LISTA STYLE FLECHA col1 */
#number_flecha {
	margin: 10px 0 40px;
	padding: 0;
}
#number_flecha li {
	padding: 3px 0 6px 30px;
	margin: 0 0 0px;
	list-style: none;
}
#number_flecha h3 {
	font-size:14px; color:#000000; font-family:"Helvetica Condensed", "Arial Narrow", Helvetica, Arial, sans-serif; margin-bottom:5px;
	margin: 2px 0 5px;
}
#number_flecha .item1 {
	background: url(../img/flecha.png) no-repeat;
}
#number_flecha .item2 {
	background: url(../img/flecha.png) no-repeat;
}

/* LISTA STYLE FLECHA col2 */
#number_flecha2 {
	margin: 10px 0 40px;
	padding: 0;
}
#number_flecha2 li {
	padding: 3px 0 6px 30px;
	margin: 0 0 0px;
	list-style: none;
}
#number_flecha2 h3 {
	font-size:14px; color:#000000; font-family:"Helvetica Condensed", "Arial Narrow", Helvetica, Arial, sans-serif; margin-bottom:5px;
	margin: 2px 0 5px;
}
#number_flecha2 .item1 {
	background: url(../img/flecha.png) no-repeat;
}
#number_flecha2 .item2 {
	background: url(../img/flecha.png) no-repeat;
}




.det {
	width:960px;
	margin:auto;
	padding:15px 0;
	color:#666666;
	font-size:10px;
	font-family:"Helvetica Condensed", "Arial Narrow", Helvetica, Arial, sans-serif;
	text-align: right;
}