/* -------------- Estilos Generales ----------------- */

body {
	margin: 0px;
	padding: 0px;
	font-size: 62.5%;
	font-family: Verdana;
	font-weight: normal;
	background: url(../img/fnd.jpg) repeat top left;
}

html {
	margin: 0px;
	padding: 0px;
}

h1 {
	position: absolute;
	left: -5000px;
}

h2 {
	margin: 5px 0px 0px 0px;
	padding: 0px;
	font: bold 13px Verdana;
	float: left;
}

img {
	border: none
}
	
a {
	text-decoration: none;
	color: #333333;
}
a:hover {
	color: #000000;
}
a:active {
	outline: none;
}
a:focus {
	-moz-outline-style: none;
}



/* -------------- Contenedor ----------------- */

#contenedor {
	margin: 0px;
	padding: 0px;
	width: 1000px;
	background: #ffffff url(../img/web.gif) no-repeat top left;
	float: left;
}



/* -------------- Izquierda ----------------- */
	
#izquierda {
	margin: 0px;
	padding: 0px;
	width: 290px;
	height: 150px;
	background: url(../img/logo.gif) no-repeat top left;
	float: left;
	}
	
#izquierda ul {
	margin: 100px 0px 0px 6.5px;
	padding: 0px;
	width: 252px;
	float: left;
	}
html>body #izquierda ul {
	margin: 150px 0px 0px 13px;
	}
#izquierda ul li {
	list-style-type: none;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	width: 252px;
	height: 43px;
	text-indent: -5000px;
	float: left;
	}
#izquierda ul li.web a {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	width: 252px;
	height: 43px;
	background: url(../img/web1.gif) no-repeat top left;
	float: left;
	}
#izquierda ul li.web a:hover {
	background: url(../img/web2.gif) no-repeat top left;
	}
#izquierda ul li.webs {
	background: url(../img/web2.gif) no-repeat top left;
	}
#izquierda ul li.print a {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	width: 252px;
	height: 43px;
	background: url(../img/print1.gif) no-repeat top left;
	float: left;
	}
#izquierda ul li.print a:hover {
	background: url(../img/print2.gif) no-repeat top left;
	}
#izquierda ul li.prints {
	background: url(../img/print2.gif) no-repeat top left;
	}
#izquierda ul li.media a {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	width: 252px;
	height: 43px;
	background: url(../img/media1.gif) no-repeat top left;
	float: left;
	}
#izquierda ul li.media a:hover {
	background: url(../img/media2.gif) no-repeat top left;
	}
#izquierda ul li.medias {
	background: url(../img/media2.gif) no-repeat top left;
	}
#izquierda ul li.cv a {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	width: 252px;
	height: 43px;
	background: url(../img/cv1.gif) no-repeat top left;
	float: left;
	}
#izquierda ul li.cv a:hover {
	background: url(../img/cv2.gif) no-repeat top left;
	}
#izquierda ul li.cvs {
	background: url(../img/cv2.gif) no-repeat top left;
	}
#izquierda ul li.home a {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	width: 252px;
	height: 43px;
	background: url(../img/home1.gif) no-repeat top left;
	float: left;
	}
#izquierda ul li.home a:hover {
	background: url(../img/home2.gif) no-repeat top left;
	}
#izquierda ul li.homes {
	background: url(../img/home2.gif) no-repeat top left;
	}
#izquierda ul li.inicio a {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	width: 252px;
	height: 43px;
	background: url(../img/inicio.gif) no-repeat top left;
	float: left;
	}
#izquierda ul li.inicio a:hover {
	background: url(../img/inicios.gif) no-repeat top left;
	}
#izquierda ul li.inicios {
	background: url(../img/inicios.gif) no-repeat top left;
	}
	
.index {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 290px;
	height: 150px;
	background: url(../img/null.gif) repeat;
	}
	

	
/* -------------- Derecha ----------------- */
	
#derecha {
	margin: 0px;
	padding: 0px 0px 50px 0px;
	width: 709px;
	height: 300px;
	border-left: 1px solid #eeeeee;
	background: #fff url(../img/fnd.gif) no-repeat top left;
	float: left;
	}
html>body #derecha {
	min-height: 300px;
	height: auto;
	}
#derecha p.tel {
	margin: 30px 0px 0px 15px;
	padding: 0px;
	width: 150px;
	font: normal 10px Verdana;
	color: #000000;
	line-height: 14px;
	border-left: none!important;
	float: left;
	}	
html>body #derecha p.tel {
	margin: 30px 0px 0px 30px;
	}	
#derecha p.info {
	margin: 30px 0px 0px 176px;
	padding: 0px;
	width: 300px;
	font: normal 10px Verdana;
	color: #000000;
	border: none;
	line-height: 14px;
	float: left;
	}
	
#derecha ul {
	margin: 78px 0px 0px 15px;
	padding: 0px;
	width: 670px;
	min-height: 20px;
	height: auto;
	float: left;
	}
html>body #derecha ul {
	margin: 78px 0px 0px 30px;
	}
#derecha ul li {
	list-style-type: none;
	margin: 0px 30px 30px 0px;
	padding: 0px;
	width: 300px;
	min-height: 20px;
	height: auto;
	float: left;
	}
	
.clear {
	clear: left;
}
	
	
	
/* -------------- Proyecto ----------------- */
	
#portada {
	margin: 78px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	min-height: 20px;
	height: auto;
	width: 709px;
	float: left;
	}	
#portada p {
	margin: 0px 0px 0px 15px;
	padding: 0px;
	float: left;
	}
html>body #portada p {
	margin: 0px 0px 0px 30px;
	}

#proyecto {
	margin: 98px 0px 0px 0px;
	padding: 0px;
	width: 709px;
	float: left;
	}
#proyecto p.img {
	margin: 0px 0px 0px 16px;
	padding: 0px;
	width: 366px;
	height: 206px;
	float: left;
	}
html>body #proyecto p.img {
	margin: 0px 0px 0px 32px;
	}
#proyecto p.datos {
	margin: 0px 0px 0px 20px;
	padding: 0px;
	width: 270px;
	float: left;
	}
#proyecto p.datoss {
	margin: 0px 0px 0px 20px;
	padding: 0px;
	width: 270px;
	float: left;
	}
.sombra {
	margin: 0px 0px 1px 0px;
	padding: 4px 8px 6px 8px;
	font: normal 10px Verdana;
	color: #CCCCCC;
	background: #2b2b2b;
	float: left;
}
.sombra a {
	color: #dcdb04;
}
.sombra a:hover {
	color: #CCCCCC;
}

.sombra1 {
	margin: 5px 0px 1px 0px;
	padding: 4px 8px 6px 8px;
	font: normal 10px Verdana;
	color: #CCCCCC;
	background: #2b2b2b;
	float: left;
}

.sombrac {
	margin: 0px 0px 1px 0px;
	padding: 4px 8px 6px 8px;
	font: normal 10px Verdana;
	color: #CCCCCC;
	background: #000000;
	float: left;
}
.sombrac a {
	color: #B5F8FD;
}
.sombrac a:hover {
	color: #CCCCCC;
}

#proyectos {
	margin: 30px 0px 0px 0px;
	padding: 0px;
	width: 709px;
	float: left;
	}
#proyectos p.img {
	margin: 0px 0px 0px 16px;
	padding: 0px;
	width: 366px;
	height: 206px;
	float: left;
	}
html>body #proyectos p.img {
	margin: 0px 0px 0px 32px;
	}
#proyectos p.datos {
	margin: 0px 0px 0px 20px;
	padding: 0px;
	width: 270px;
	float: left;
	}