body {
background-color:#000;
height:100%;
overflow-x:hidden;
}

.container {
background-color:#000;
height:100%;
}

/* menú principal */

p {
	  font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
   font-size:10px;
   font-weight:normal;
   color:#FFF;}
 
h2 {font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
   font-size:32px;
   font-weight:normal;
   color:#ea6b96;
     margin:0 0 0 20px;
 }
   
p.tex, h3, a  {
	  font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
   font-size:12px;
   font-weight:normal;
   color:#FFF;
   margin:20px;}
   

   
.titulos {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
   font-size:20px;
   font-weight:bold;
   color:#CCC;
   margin:10px 0 10px 0;}
   
   
 ul.textos li {
	 font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
   font-size:11px;
   font-weight:normal;
   color:#FFF;}
   
  a {
	  text-decoration:none;
	  margin:0;}
	  
a:hover{ color:#ea6b96;}
 
/* estilos de todas las listas */
   ul.formexpe li.datos, ul.as li, ul.menu li, ul.cont li, ul.autfech li, ul.pie li  {text-decoration:none;
   list-style:none; /* Eliminamos los bullets */}

/* menú principal */

div.contmenu {
	height:30px;
	position:relative;
	background-color:none;
    margin:0; /* Quitamos los margenes */
	padding:0;
	display:block;
	}

ul.menu {
	height:30px;
	position:relative;
	background-color:#333;
    margin:0; /* Quitamos los margenes */
	padding:0 0 0 20px;
	display:inline-block;
	width:930px;
	}

ul.menu li {
   height:20px;
   padding:5px 8px 0 8px;
   float:left; /* Hacemos que el menu se muestre horizontal */
   margin:0; /* Quitamos los margenes */
	 }

ul.menu li.separador {
   padding:5px 4px 0 4px;
   float:left; /* Hacemos que el menu se muestre horizontal */
	 }

ul.menu li a:link {
	font-family: Verdana, Arial;
	font-size: 10px;
	color: #FFAAC0;
	text-decoration: none;
	font-weight: bold;
   padding:5px 8px 0 8px;
}

ul.menu li a:visited {
	font-family: Verdana, Arial;
	font-size: 10px;
	color: #FFAAC0;
	text-decoration: none;
	font-weight: bold;
	font-style: normal; 
   padding:5px 8px 0 8px;
	
}


	

ul.menu li a:active {
	font-family: Verdana, Arial;
	font-size: 10px;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
   padding:5px 8px 0 8px;
}

ul.menu li a:hover {
	font-family: Verdana, Arial;
	font-size: 10px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
   padding:5px 8px 0 8px;
} 

ul.menu li.separador {
	font-family: Verdana, Arial;
	font-size: 10px;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}

/* cuerpo  */


div.cuerpo {background-color:#000;
position:relative;
display:inline-table;
height:100% auto;
margin:20px 0 0 0;
padding:0;}


div.flash {background-color:#000;
position:relative;
display:inline-table;
height:100% auto;
margin:20px 0 0 0;
padding:0;}

/* formulario experiencias  */

div.imgcamp {
	position:relative;
	background-color:#000;
	display:inline-table;
	float:left;
	height:300px;
	margin:0;
	padding:0 5px 0 0;
	}

div.formulario {position:relative;
	background-color:#000;
	display:inline-table;
	float:left;
	height:300px;
	.height:350px;
	border:none;
	margin:0  0 0 30px;
	padding:0;
}

ul.formexpe {
	height:300px;
	width:100%;
	position:relative;
	background-color:#000;
    margin:0; /* Quitamos los margenes */
	padding:0;
	display:inline-block;
		border:none;
	}
	
ul.formexpe li.datos {
   height:20px;
   margin:0; /* Quitamos los margenes */
   color:#FFF;
   font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
   font-size:10px;
   font-weight:normal;
      padding:20px 10px 0 0;
	  
}


ul.formexpe li.exp {
	 height:100px;}

ul.formexpe li.span {
	 padding:5px 10px 0 0;}

ul.formexpe li ul.imagen {
	position:relative;
	background-color:#000;
	display:inline-table;	
	margin:0;
	padding:0;
}

ul.formexpe li ul.imagen li{
	position:relative;
	text-decoration:none;
   list-style:none; /* Eliminamos los bullets */
   float:left;
   margin:0;
	padding:0;
}

input#enviar {
	font-family: Verdana, Arial;
	font-size: 10px;
	color: #fff;
	background-color:#000;
	border:#FFAAC0 solid 1px;
	padding:2px;}

input#enviar:hover {
	color: #fff;
	background-color:#999;
	border:#FFAAC0 solid 1px;
	padding:2px;}

input.nombre, input.correo {background:#CCC;
width:460px;
float:right;}

input.foto {
	width:440px;
	margin: 0 0 0 10px;}

ul.imagen li input.boton{
	float:right;
	margin:0 0 0 10px;}

input.nombre, input.correo, input.foto {
height:15px;}

textarea.asunto{
	background:#CCC;
	height:100px;
	width:420px;
	font-family:Verdana, Geneva, sans-serif;
	color:#000;
	font-size:10px;
	text-align:justify;
	margin:0 0 0 20px;
	padding:0,
	}
	
ul.formexpe li.datos ul.as {
position:relative;
height:100px;
width:590px;
margin:0;
padding:0;
float:left;
}

ul.formexpe li.datos ul.as li {
float:left;
width:100% auto;
height:100% auto;
margin:0;
padding:0;
}


/* contenido experiencias */



div.central { background:none;
height:300px;
margin:20px 0;
padding:0;
display:inline-table;
position:relative;
clear:both;}

div.experiencias {background-color:#666;
height:100% auto;
.height:100%;
margin:10px 0;
padding:0;
display:inline-table;
position:relative;
clear:both;
}

div.contenido {background-color:#333;
height:100% auto;
.height:100%;
float:left;
padding:0;
margin:0;
display:inline-table;
position:relative;
}

div.fotografia {background-color:none;
height:100% auto;
float:left;
padding:0;
margin:0;
position:relative;
display:inline-table;
}


ul.cont {background-color:#666;
height:100%;
width:710px;
border:none;
margin:0;
padding:0;
position:relative;
display:inline-table;
}

ul.cont li{
	margin:0;
	padding:0;
	
}

	
ul.cont li ul.autfech {
	position:relative;
	display:inline-table;
	height:60px;
width:100% auto;
margin:0;
padding:0;
}

ul.cont li ul.autfech li.autor{
	float:left;	
	background-color:#333;
	width:605px;
	height:60px;
	margin:0;
padding:0;
}

ul.cont li ul.autfech li.autor p{
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:20px;
	color:#fff;
	font-weight:bold;
	padding:20px 10px;
}

ul.cont li ul.autfech li.fecha{
	float:left;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:13px;
	color:#666;
	background-color:#fff;
	border:solid 3px #e37799;
	font-weight:bold;
	width:94px;
	height:54px;
	margin:0;
padding:0;
}

ul.cont li ul.autfech li.fecha p{
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:11px;
	color:#333;
	font-weight:normal;
	width:75px;
padding:20px 10px;
}

div.fotogracabe {
	width:100% auto;
	height:60px;
	background-color:#f63875;
	position:relative;
	padding:0;
	margin:0;

}
div.fotogracabe p{
	color:#FFF;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:14px;
	font-weight:normal;
	padding:20px 0 5px 10px;}

div.fotoexpe {
	width:100% auto;
	height:100% auto;
	background-color:#fff;
	
}

ul.cont li.relato {
	height:100% auto;
	font-family: "Lucida Grande", sans-serif;
	font-size:12px;
	color:#fff;
	font-weight:normal;
	padding:20px 10px;
	width:680px;
	text-align:justify;
	position:relative;
}



ul.pie {height:30px;
display:inline-table;
position:relative;
margin:0;
padding:0;}

ul.pie li.base, ul.pie li.base2 {
height:15px;
display:inline-table;
position:relative;
margin:0;
}

ul.pie li.base {background-color:#ccc;}

ul.pie li.base2 {background-color:none;}
ul.pie li.base2 a {
color:#FFF;
font-family:Verdana, Geneva, sans-serif;
font-size:9px;
font-weight:normal;
margin:0 10px 0 700px;
}

ul.pie li.base2 a:hover {
	color:#ff6600;}