BODY{
	font-family:"AvantGarde Bk BT", "Century Gothic", Verdana;
	background:#119AAC;
	margin:0px;
	margin-top:5px;
}
#contenedor{
	background: #045358;
	border:10px solid #045358;
	width:930px;
	margin:auto;
}
.separatop{
	margin-top:60px;
}
#top{
	height:120px;
	width:930px;
	background: #045358;
}
#top #logotipo{
	float:left;
	margin-left:10px;
	margin-top:10px;
}
#top #logotipo a{
	background: url(../imagenes/logoback.jpg) 0px -13px no-repeat;
	width: 310px;
	height: 110px;
	display:block;
}
#top #logotipo a:hover{
	background: url(../imagenes/logoback.jpg) 0px -136px no-repeat;
}
#top #logotipo h1{
	display:none;
}
#top #superiormenu{
	float:left;
	display:block;
	height: 100px;
	/height:90px; /*hack IE */
	margin-top:0px;
	/margin-top:10px; /*hack IE */
}
#top #superiormenu ul{
	float:left;
	display:block;
	font-size:12px;
	padding-left:60px;
}
#top #superiormenu li{
	float:left;
	display:block;
	padding-left:10px;

}
#top #superiormenu li a{
	text-decoration:none;
	color:#119AAC;
	display:block;
	padding-top:95px;
	margin:0px;
	padding-left:10px;
	padding-right:10px;
}
#top #superiormenu li a:hover{
	background:#01292C;
}
#contenedor #partesuperior {
	background: #045358;
}
#partesuperior a, #lista a{
	text-decoration:none;
}
#contenedor #pie {
	font-size: 11px;
}
#contenedor #pie a{
	color:#119AAC;
	text-decoration:none;
}
#contenedor #pie a:hover{
	background-color:#119AAC;
	color:#045358;
	
}
#contenedor h1, #contenedor h2, #contenedor h3{
	color: #FFFFFF;
	font-size:14px;
	font-weight:normal;	
}
#contenedor h1 span, #contenedor h2 span, #contenedor h3 span{
	color:#FF9900;
}

#contenedor a h1, #contenedor a h2, #contenedor a h3{
	background-color:#119AAC;
	width:155px;
	height:25px;
	text-decoration:none;
	margin-left:10px;
	margin-top:90px;
	padding-left:30px;
	line-height:25px;
	
}

#superiorcontenido {
	background:#119AAC;
	color: #01292C;
	width:270px;
	height:270px;
	margin-top:20px;
	padding:10px;
	font-size:12px;
	overflow:hidden;
	float:left;
	margin-left:10px;
}
#superiorcontenido a, #superiorsegundocontenido a, #superiortercercontenido a{
	color:#FAAA2A;
	padding-bottom:1px;
	border-bottom:1px dashed #FAAA2A;
	text-decoration:none;
}
#superiorcontenido a:hover, #superiorsegundocontenido a:hover, #superiortercercontenido a:hover{
	color:#FFd285;
	padding-bottom:1px;
	border-bottom:1px dotted #FFd285;
	text-decoration:none;
}
#superiorcontenido p, #superiorsegundocontenido p, #superiortercercontenido p{
	text-align:justify;
}

#contenedor #superiorvertical {
	display:block;
	float:left;
	color: #01292C;
	width:290px;
	height:300px;
	margin-top:20px;
	padding-left:20px;
	padding-right:20px;

}
#contenedor #superiorvertical ul{
	margin:0px;
	padding:0px;
}
#contenedor #superiorvertical ul li{
}
.separador{
	padding-bottom:20px;
}
#contenedor #superiorvertical ul li a{
	border:5px solid #119AAC;
	width:280px;
	height:125px;
	display:block;
}


#contenedor #superioroptimico {
	float:left;
	background:#119AAC;
	width:280px;
	height:280px;
	margin-top:20px;
	font-size:12px;
	
}
#contenedor #superioroptimico a{
	border:5px solid #119AAC;
	background:url(../imagenes/back-seo.jpg);
	width:280px;
	height:280px;
	display:block;

}
#contenedor #superioroptimico a h1{
	margin-left:10px;
	margin-top:245px;
	padding-left:30px;
}

#contenedor #lista {
	clear:both;
}
#contenedor ul, #contenedor li{
	list-style:none;
}
#contenedor #lista ul{
	margin:0px;
	padding:0px;
	margin-left:10px;
	margin-top:10px;
}
#contenedor #lista ul li{
	float:left;

}
#contenedor #lista ul li a{
	border:5px solid #119AAC;
	width:280px;
	height:125px;
	display:block;
}
.separadorlateral{
	padding-right:20px;
}
#contenedor #superioroptimico a:hover, #contenedor #superiorvertical ul li a:hover, #contenedor #lista ul li a:hover{
	border:5px solid #FFD285;
}
#pie{
	margin:0px;
	clear:both;
	padding-left:10px;
	padding-top:5px;
	/padding-top:0px; /*hack para IE*/
}

.meinspira {
	background:url(../imagenes/back-meinsipira.jpg) 5px 5px no-repeat;
}
.disenoweb {
	background: url(../imagenes/back-ordenador.jpg) 5px 5px no-repeat;
}
.logos {
	background: url(../imagenes/back-logo.jpg) 5px 5px no-repeat;
}
.curriculo {
	background: url(../imagenes/back-cv.jpg) 0px 5px no-repeat;
}
.yoleo {
	background: url(../imagenes/back-leo.jpg) 5px 5px no-repeat;
}

#superiorsegundocontenido, #superiortercercontenido {
	background:#119AAC;
	color: #01292C;
	width:270px;
	height:270px;
	margin-top:20px;
	padding:10px;
	font-size:12px;
	overflow:hidden;
	float:left;
	margin-left:20px;
}
#superiortercercontenido a, #superiortercercontenido a:hover{
	border-bottom:none;
}
#superiortercercontenido ul{
	margin:0px;
	padding:0px;
}
#superiortercercontenido li{
	padding-left:20px;
	padding-bottom:20px;
}
#superiortercercontenido ul, #superiortercercontenido ul li{
	float:left;
	
} 
#superiortercercontenido a img {
	border: 5px solid #045358;
}
#superiortercercontenido a:hover img {
	border: 5px solid #FFD285;
}