/*---------------- Estilos por defecto ---------------------*/

body { 
	margin:0; 
	padding:0; 
	font-size:16px; 
	line-height:20px; 
	font-family: "Trebuchet MS", Arial; 
	border:1px solid #666; 
	background:#000; 
}

a { 
	color:#fffd48; 
	text-decoration:none;
}

a:hover { 
	text-decoration:underline;
}

h1 { 
	margin:0 0 20px 0; 
	padding:10px 0 0 10px; 
	text-transform:uppercase; 
	font-size:40px; 
	color:#6bc22a;
	line-height: 35px;
}

h2 { 
	margin:0 0 20px 0; 
	padding:10px 0 0 10px; 
	text-transform:uppercase; 
	font-size:30px; 
	color:#6bc22a;
	line-height: 35px;
}

h3 { 
	margin:0 0 20px 0; 
	padding:10px 0 0 10px; 
	text-transform:uppercase; 
	font-size:20px; 
	color:#6bc22a;
	line-height: 35px;
}

h3.tit-manifiesto {
	font-size:30px;
}

h3.tit-manifiesto-dos {
	font-size:23px;
}

/*------------------------------------------------------*/


/*-------------- Clases Generales ------------------*/

.texto_centrado {
	text-align: center;
}

.texto_citas {
	font-style: italic;
}

.texto_destacado {
	font-weight: bold;
}

.texto_destacado_dos {
	text-decoration: underline;
}

.texto_rojo {
	color:#FF0000;
	font-weight: bold;
}

.texto_verde {
	color:#00CC00;
	font-weight: bold;
}

.texto_rojo_grueso {
	color:#FF0000;
	font-weight:bolder;
}

.texto_peq {
	font-size: 12px;
}

.foto_der {
	float: right;
}

.foto_izq {
	float: left;
}

.foto_der_marco {
	float: right;
	border: solid 2px #6bc22a;
	padding: 2px;
	margin: 15px;
}

.foto_izq_marco {
	float: left;
	border: solid 2px #6bc22a;
	padding: 2px;
	margin: 15px;
}

.foto_cen_marco {
	text-align: center;
	border: solid 2px #6bc22a;
	padding: 2px;
	margin: 15px;
}

.clear {
	clear: both;
}

ul.lista_separada li {
	margin-bottom: 20px;
}

.parrafo_mas_separado {
	margin-top: 130px;
	
}

h1.soluciones {
	font-size: 50px;
}

.txt_mas_grande {
	font-size: 30px;
	line-height: 30px;
}
.txt_mas_peq {
	font-size: 20px;
}


/*-----------------------------------------------*/


/*----------- Cabecera ---------------------*/

#cabecera { 
	padding: 5px 20px 0 40px; 
	height:213px; 
	background:url(../images/cabecera_bg.jpg) no-repeat black; 
	text-align:right;
}

#cabecera_sp { 
	padding: 5px 20px 0 40px; 
	height:213px; 
	background:url(../images/cabecera_sp_bg.jpg) no-repeat black; 
	text-align:right;
}

#cabecera h1, #cabecera_sp h1{ 
	color:#fff; 
	text-decoration:none; 
	font-weight:bold; 
	font-size:30px; 
	text-transform:uppercase; 
	letter-spacing:5px;
	line-height: 30px; 
	margin-bottom: 30px;
	margin-left: -10px;
}

#cabecera, #cabecera_sp p {
	font-size: 12px;
}

#idiomas {
	float: right;
	margin-top: 180px;
	margin-right: 100px;
}

#idiomas a {
	margin-left: 20px;
	font-weight: bold;
}

#idiomas a.sp {
	background: url(../images/flag_sp.jpg) no-repeat top left;
	display:block;
	width: 30px;
	height: 28px;
	float: left;
}

#idiomas a.en {
	background: url(../images/flag_en.jpg) no-repeat top left;
	display:block;
	width: 30px;
	height: 28px;
	float: left;
}  

#logo { 
	float:left; 
	width:340px; 
	text-align:left; 
	font-size:20px; 
	color:#fffc00;
}

/*---------------------------------------*/

/*--------------- Menu ----------------------*/

#menu { 
	background: url(../images/menu_bg.gif) repeat-x #000; 
	height:64px; 
	padding-top:23px;
}

#lista_menu ul {
	list-style: none;
	/*width:550px; */
	margin:0 auto;
}

#lista_menu ul li {
	float:left;
}

#menu #lista_menu ul li a { 
	display:block; 
	float:left; 
	color:#f6ff00; 
	font-size:13px; 
	text-transform:uppercase; 
	font-weight:bold; 
	text-decoration:none; 
	margin:0 15px; 
	padding-top:10px;
}

#menu #lista_menu ul li a:hover{
	padding-top:12px;
}

.separador { 
	display:block; 
	float:left;
	background: url(../images/separador.gif) no-repeat top left;
	width: 6px;
	height: 37px;
}

/*-----------------------------------------*/


/*-------------------- Contenido ---------------------*/

#texto { 
	margin: 0 305px 0 20px; 
}

#texto p { 
	padding: 0 10px 5px 10px; 
	color:#ccc
}

#texto li {
	list-style:none; 
	padding-left:20px; 
	background:url(../images/li.gif) no-repeat 0px 4px; 
	color:#ccc;
}

#lateral { 
	float:right; 
	width:235px; 
	padding: 0 20px 0 10px; 
	color:#fffd48; 
	font-size:14px;
}

#lateral a{ 
	font-weight:bold; 
}


#cuerpo {
	float:left; 
	background:url(../images/lateral_bg.gif) no-repeat top right #1e1e1e; 
	padding:20px 0 0 0;
	min-height: 485px;
	.min-height: 510px;
}


/*-------------------------------------------------*/


/*--------------- Pie de página -------------*/

#pie {
	background:url(../images/pie_bg.gif) repeat-x #000; 
	height:57px; 
	clear:both;  
}

#pie_izq { 
	float:left; 
	padding:20px 0 0 30px; 
	color:#fff; 
	font-size:12px;
}

#pie_izq a { 
	color:#fff;
}

#pie_izq a:hover { 
	text-decoration:none;
}

#pie_der{ 
	float:right;  
	padding:20px 30px 0 0; 
	color:#fff;  
	font-size:12px; 
	text-align:right;
}

#pie_der a { 
	color:#fff;
}

/*------------------------------------------*/

