/*

Hoja principal de estilo de: www.proyectoedad.com

*/

/***********************************************************/
/******************** GENERALES ****************************/
/***********************************************************/



img, li, div { behavior: url('/includes/iepngfix.htc') }

body {
	margin: 0;
	padding: 0;
	background: #fff;
	color: #000;
	font: normal 12px/20px  Arial, Verdana, sans-serif;
}

p,form {
	margin: 0;
	padding: 0;
}

.limpiar {
	clear: both;
	line-height: 1px;
}

img {
	border: 0;
}

a:hover, a:link, a:active, a:visited {
	color: #000;
	text-decoration: none;
}

a:hover {
	color: #e8760e;;
	text-decoration: underline;
}

/***********************************************************/
/********************** PARTE SUPERIOR *********************/
/***********************************************************/


#pagina {

width: 985px;
background-color: #fff;
margin:0 auto;

}


#superior {
	width: 985px;
	background-color: #fff;
	height:145px;
	margin:0;
	padding:0;
}


 #logos {
	width: 985px;
	height:102px;
}


#logos ul{
	margin: 0; /* Cambia para I.E.6 */
	padding: 0;
	list-style-type: none;
	
}

 #logos li.logo1{
	float: left;
	margin: 12px 200px 0 80px; /* Cambia para I.E.6 */
	_margin: 10px 100px 0 50px;
	_width: 25%;

}

 #logos li.logo2{
	float: left;
	margin: 12px 200px 0 0px; /* Cambia para I.E.6 */
	_margin: 10px 100px 0 0;
	_width: 25%;

}


 #logos li.logo3{
	float: left;
	margin: 12px 40px 0 0px; /* Cambia para I.E.6 */
	_margin: 10px 25px 0 -60px;
}


 #logos li.flash{
	float: left;
	margin: 12px 0px 0 0px; /* Cambia para I.E.6 */
	_margin: 10px 0px 0 0;
}



 #menu{
	margin:0;
	padding:0;
	height: 43px;
	width: 985px;
	background: transparent url('/images/menu.jpg') no-repeat top left;

}


/***********************************************************/
/********************** PAGINA INICIAL **********************/
/***********************************************************/

#inicial {
	width: 985px;
	height:420px;
	margin:0;
	padding:0;
	background: url('/images/ini_fnd.jpg') no-repeat left bottom;
	
}


#inicial .texto{
	width: 500px;
	height:250px;
	background:transparent;
	margin: 50px 0 0 40px;
	float: right;
	color:#000;
	font: normal 22px  Helvetica, Arial, Verdana, sans-serif;
	line-height:34px;
	text-align:center;
}

#inicial .boton {
	margin: 30px 0 0 20px;
}


#inicial .texto .asterisco{
	margin: 10px 130px 0 0;
	_margin: 10px 60px 0 0;
	float: right;
	color:#000;
	font: normal 20px  Helvetica, Arial, Verdana, sans-serif;
	line-height:30px;
	text-align:center;
}

/***********************************************************/
/*************** PAGINA INTERIOR CON MENU ***************/
/***********************************************************/

#contenedor {
	width: 979px;
	background:#fff;
	margin:0;
	padding:0;
	border-left: solid 3px #dddcdc;
	border-right: solid 3px #dddcdc;	
	float:left; /* Cambia para I.E.6 */

} 


/**** Menu ****/


#c1-menu {
	width: 220px;
	margin:45px 20px 20px 20px; /* Cambia para I.E.6 */
	_margin:45px 10px 20px 0px;
	padding:0;
	float:left;
}


#c1-menu ul{
	margin: 0 10px 10px 0; /* Cambia para I.E.6 */
	_margin:0 10px 10px 0px;
	padding: 0;
}

 #c1-menu li{
 	height:40px;
 	width:220px;
	list-style-type: none;
	float: left;
	margin: 0px 10px 10px 10px;
	font: bold 15px  Helvetica, Arial, Verdana, sans-serif;
	background: transparent url('/images/int_sep.gif') no-repeat bottom;
}

 #c1-menu li.doble{
 	height:60px;
	background: url('/images/int_sep.gif') no-repeat bottom;
}



#c1-menu img{
	margin:-10px 0 0 -15px; /* Cambia para I.E.6 */
	_margin:-10px 0 0 5px;
	padding: 0;
}


#c1-menu a:hover{
	color:#e8760e;
}


/**** Contenido ****/

#c1-txt {
	width: 670px;/* Cambia para I.E.6 */
	_width: 665px;
	margin:10px;
	_margin:0px;
	padding:0;
	float:right;
}


#c1-txt p{
	padding: 5px 20px 5px 10px;
	_padding: 5px 30px 5px 10px;
	color:#000;
	font: normal 15px  Helvetica, Arial, Verdana, sans-serif;
	line-height:26px;
	text-align:justify;
}

#c1-txt p.titulo {
	padding: 30px 0 10px 10px;
	_padding: 45px 0 10px 10px;
	color:#ff8b22;
	font: bold 20px  Helvetica, Arial, Verdana, sans-serif;
	line-height:26px;
}


#c1-txt p.subtitulo {
	padding: 20px 20px 0px 10px;
	_padding: 20px 30px 0px 10px;
	color:#ff8b22;
	font: bold 16px  Helvetica, Arial, Verdana, sans-serif;
	line-height:26px;
}

#c1-txt p.destacado{
	padding: 15px 20px 0px 10px;
	_padding: 20px 30px 0px 10px;
	color:#000;
	font: bold 15px  Helvetica, Arial, Verdana, sans-serif;
	line-height:26px;
}


#c1-txt ul li{
	margin: 5px 20px 0 0px;
	_padding: 5px 30px 0 0px;
	color:#000;
	font: normal 15px  Helvetica, Arial, Verdana, sans-serif;
	line-height:26px;
	text-align:justify;
}


/**** Página especial de Fundación Orange ****/

#c1-txt {
	width: 670px;/* Cambia para I.E.6 */
	_width: 665px;
	margin:10px;
	_margin:0px;
	padding:0;
	float:right;
}

#c1-txt p.borde{
	margin: 10px 20px 15px 10px;
	_margin: 10px 20px 15px 10px;
	padding:15px;
	color:#000;
	font: normal 15px  Helvetica, Arial, Verdana, sans-serif;
	line-height:26px;
	text-align:justify;
	border:solid 2px #ff8b22;
}

#c1-txt img.borde{
	margin: 0px 0px 15px 0px;
	_margin: 0px 0px 15px 0px;

}

#c1-txt img.normal{
	margin: 0px 20px 15px 20px;
	_margin: 0px 20px 15px 20px;
	float:right;

}

#c1-txt img.logo{
	margin: 20px 0px 15px 120px;
	_margin: 20px 0px 15px 120px;

}


/**********************************************************/
/**************** PAGINA INTERIOR SIN MENU ****************/
/**********************************************************/


#c2-txt {
	width: 900px;/* Cambia para I.E.6 */
	_width: 900px;
	margin:20px 20px 20px 50px;
	padding:0;
}


#c2-txt .titulo {
	padding: 30px 0 10px 10px;
	_padding: 30px 0 10px 10px;
	color:#ff8b22;
	font: bold 20px  Helvetica, Arial, Verdana, sans-serif;
}


#c2-txt p{
	padding: 20px 20px 0 10px;
	_padding: 20px 20px 0 10px;
	color:#000;
	font: normal 15px  Helvetica, Arial, Verdana, sans-serif;
	line-height:26px;
	text-align:justify;
	
}



#c2-txt ul{
	width: 620px;
	margin: 0px 20px 0 80px;
	_margin: 0px 20px 0 120px;
	color:#000;
	font: normal 16px  Helvetica, Arial, Verdana, sans-serif;
	line-height:26px;
	text-align:justify;
	list-style-type: none;
}


#c2-txt ul li{
	margin: 50px 20px 30px 0px;
	color:#000;
	font: normal 16px  Helvetica, Arial, Verdana, sans-serif;
	line-height:26px;
	text-align:justify;
}

#c2-txt img{
	width:150px;
	margin: 0 30px 30px 0;
	float:left;
}

#c2-txt img.logocol{
	width:150px;
	margin: 63px 0px 10px -180px;

}


/***********************************************************/
/*********************** POPUPS ****************************/
/***********************************************************/

#popup {
	width: 95%;
	margin:10px;
	padding:0;
	float:right;
}


#popup p{
	padding: 5px 10px 5px 0;
	_padding: 5px 10px 5px 0;
	color:#000;
	font: normal 15px  Helvetica, Arial, Verdana, sans-serif;
	line-height:26px;
	text-align:justify;
}

#popup p.titulo {
	padding: 10px 0 5px 0px;
	_padding: 15px 0 5px 0px;
	color:#ff8b22;
	font: bold 20px  Helvetica, Arial, Verdana, sans-serif;
	line-height:26px;
}


#popup ul li{
	margin: 5px 20px 0 0px;
	_padding: 5px 30px 0 0px;
	color:#000;
	font: normal 15px  Helvetica, Arial, Verdana, sans-serif;
	line-height:26px;
	text-align:justify;
}



/***********************************************************/
/******************** PIE ****************************/
/***********************************************************/


#inferior {
width: 985px;
margin:0 auto;
padding:0;
height:60px;
background:transparent url('/images/inf_fnd.gif') no-repeat top left;
font: normal 11px  Arial, Verdana, sans-serif;
color:#333;
}


#inferior-ini {
width: 985px;
margin:0 auto;
padding:0;
height:30px;
font: normal 11px  Arial, Verdana, sans-serif;
color:#333;
}


#inferior .copy  {
margin: 50px 0px 10px 30px;
float: left;
}

#inferior-ini .copy {
margin: 10px 0px 10px 30px;
float: left;
}

#inferior ul {
	float: right;
	margin: 50px 30px 10px 0; /* Cambia para I.E.6 */
	padding: 0;
	color: #333;
}

#inferior-ini ul {
	float: right;
	margin: 10px 30px 10px 0; /* Cambia para I.E.6 */
	padding: 0;
	color: #333;
}

 #inferior ul li, #inferior-ini ul li {
	list-style-type: none;
	float: left;
	color: #333;
	margin: 0 5px 0 0;
}