@charset "UTF-8";
/* CSS Document */

body {
	margin:40px 0px 0px 0px;
	background:url(../images/bg.gif) #000;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
}
#page-wrap { 
    width: 776px; 
	margin: auto;
}

#main-content { 
	padding: 13px;
	background:url(../images/bg_body.png) no-repeat ;

}
#bg {
	background:url(../images/bg.png) repeat-y;
}
#footer {
	width:776px;
	height:20px;
	margin:auto;
	color:#FFF;
	text-align:center;
	padding: 15px 0 15px 0;
}
#logo_home {
	width:732px;
	height:480px;
	margin:auto;
	background:url(../images/logo_home.jpg) no-repeat;
	border:#0E3962 1px solid;
}
#cont {
	width:732px;
	height:480px;
	margin:auto;
}
.logo_home {
	width:175px;
	margin:30px 0px 0px 50px;
}
.logo_cont {
	width:175px;
	margin:20px 0px 0px 90px;
}
#contenido {
	width:360px;
	height:480px;
	float:right;
}
#galeria_cont {
	width:732px;
	min-height:480px;
	margin:auto;
}
/* ---------------------------- Secciones ------------------------------- */
#somos_b {
	width:357px;
	height:480px;
	float:left;
	background:url(../images/somos.jpg) no-repeat;
	border:#0E3962 1px solid;
}
#hacemos_b {
	width:357px;
	height:480px;
	float:left;
	background:url(../images/hacemos.jpg) no-repeat;
	border:#0E3962 1px solid;
}
#distingue_b {
	width:357px;
	height:480px;
	float:left;
	background:url(../images/distingue.jpg) no-repeat;
	border:#0E3962 1px solid;
}
#loque_b {
	width:357px;
	height:480px;
	float:left;
	background:url(../images/loque.jpg) no-repeat;
	border:#0E3962 1px solid;
}
#contacto_b {
	width:357px;
	height:480px;
	float:left;
	background:url(../images/contacto.jpg) no-repeat;
	border:#0E3962 1px solid;
}
/* ---------------------------- Menu ------------------------------- */
#menu {
	width:776px;
	height:45px;
	margin:auto;
}
/* Inicio */
#inicio {
	background:url(../images/inicio_s1.png) no-repeat;
	position: absolute;
	width:68px;
	height:37px;
	margin: 0;
	padding: 0;
	text-indent:-5000px;
}
#inicio:hover {
	background:url(../images/inicio_s2.png) no-repeat;
	position: absolute;
	width:68px;
	height:37px;
	margin: 0;
	padding: 0;
	text-indent:-5000px;

}
#inicio_r {
	background:url(../images/inicio_s2.png) no-repeat;
	position: absolute;
	width:68px;
	height:37px;
	margin: 0;
	padding: 0;
	text-indent:-5000px;
}
/* Quienes Somos */
#somos {
	background:url(../images/somos_s1.png) no-repeat;
	position: absolute;
	width:126px;
	height:37px;
	margin: 0;
	padding: 0;
	text-indent:-5000px;
}
#somos:hover {
	background:url(../images/somos_s2.png) no-repeat;
	position: absolute;
	width:126px;
	height:37px;
	margin: 0;
	padding: 0;
	text-indent:-5000px;

}
#somos_r {
	background:url(../images/somos_s2.png) no-repeat;
	position: absolute;
	width:126px;
	height:37px;
	margin: 0;
	padding: 0;
	text-indent:-5000px;
}
/* Que Hacemos */
#hacemos {
	background:url(../images/hacemos_s1.png) no-repeat;
	position: absolute;
	width:130px;
	height:37px;
	margin: 0;
	padding: 0;
	text-indent:-5000px;
}
#hacemos:hover {
	background:url(../images/hacemos_s2.png) no-repeat;
	position: absolute;
	width:130px;
	height:37px;
	margin: 0;
	padding: 0;
	text-indent:-5000px;

}
#hacemos_r {
	background:url(../images/hacemos_s2.png) no-repeat;
	position: absolute;
	width:130px;
	height:37px;
	margin: 0;
	padding: 0;
	text-indent:-5000px;
}
/* Que Nos Distingue */
#distingue {
	background:url(../images/distingue_s1.png) no-repeat;
	position: absolute;
	width:147px;
	height:37px;
	margin: 0;
	padding: 0;
	text-indent:-5000px;
}
#distingue:hover {
	background:url(../images/distingue_s2.png) no-repeat;
	position: absolute;
	width:147px;
	height:37px;
	margin: 0;
	padding: 0;
	text-indent:-5000px;

}
#distingue_r {
	background:url(../images/distingue_s2.png) no-repeat;
	position: absolute;
	width:147px;
	height:37px;
	margin: 0;
	padding: 0;
	text-indent:-5000px;
}
/* Lo Que Hacemos */
#loque {
	background:url(../images/loque_s1.png) no-repeat;
	position: absolute;
	width:132px;
	height:37px;
	margin: 0;
	padding: 0;
	text-indent:-5000px;
}
#loque:hover {
	background:url(../images/loque_s2.png) no-repeat;
	position: absolute;
	width:132px;
	height:37px;
	margin: 0;
	padding: 0;
	text-indent:-5000px;

}
#loque_r {
	background:url(../images/loque_s2.png) no-repeat;
	position: absolute;
	width:132px;
	height:37px;
	margin: 0;
	padding: 0;
	text-indent:-5000px;
}
/* Galeria */
#galeria {
	background:url(../images/galeria_s1.png) no-repeat;
	position: absolute;
	width:82px;
	height:37px;
	margin: 0;
	padding: 0;
	text-indent:-5000px;
}
#galeria:hover {
	background:url(../images/galeria_s2.png) no-repeat;
	position: absolute;
	width:82px;
	height:37px;
	margin: 0;
	padding: 0;
	text-indent:-5000px;

}
#galeria_r {
	background:url(../images/galeria_s2.png) no-repeat;
	position: absolute;
	width:82px;
	height:37px;
	margin: 0;
	padding: 0;
	text-indent:-5000px;
}

/* Contacto */
#contacto {
	background:url(../images/contacto_s1.png) no-repeat;
	position: absolute;
	width:68px;
	height:37px;
	margin: 0;
	padding: 0;
	text-indent:-5000px;
}
#contacto:hover {
	background:url(../images/contacto_s2.png) no-repeat;
	position: absolute;
	width:68px;
	height:37px;
	margin: 0;
	padding: 0;
	text-indent:-5000px;

}
#contacto_r {
	background:url(../images/contacto_s2.png) no-repeat;
	position: absolute;
	width:68px;
	height:37px;
	margin: 0;
	padding: 0;
	text-indent:-5000px;
}

/*CSS - PUNTOASTERISCO - acanez@puntoasterisco.com -*/

/*BARRA FOOTER*/
.barra { width:700px; overflow:hidden; color:#FFF; font:normal normal 12px Helvetica, sans-serif; margin:0 auto; padding:20px 35px; background:#153259; background-image: linear-gradient(bottom, rgb(11,20,33) 18%, rgb(21,50,89) 100%, rgb(21,50,89) 100%); background-image: -o-linear-gradient(bottom, rgb(11,20,33) 18%, rgb(21,50,89) 100%, rgb(21,50,89) 100%); background-image: -moz-linear-gradient(bottom, rgb(11,20,33) 18%, rgb(21,50,89) 100%, rgb(21,50,89) 100%); background-image: -webkit-linear-gradient(bottom, rgb(11,20,33) 18%, rgb(21,50,89) 100%, rgb(21,50,89) 100%); background-image: -ms-linear-gradient(bottom, rgb(11,20,33) 18%, rgb(21,50,89) 100%, rgb(21,50,89) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.18, rgb(11,20,33)), color-stop(1, rgb(21,50,89)), color-stop(1, rgb(21,50,89))); 
border:none; -webkit-border-bottom-right-radius: 30px; -webkit-border-bottom-left-radius: 30px; -moz-border-radius-bottomright: 30px; -moz-border-radius-bottomleft: 30px; border-bottom-right-radius: 30px; border-bottom-left-radius: 30px; }

.barra .cont { width:300px; overflow:hidden; float:left; padding:5px 20px 5px; margin-top:5px; }
.barra .cont.izq { text-align:left; }
.barra .cont.der { text-align:right; }

.barra .cont a { color:#FFF; text-decoration:none; font-weight:bold; }
.barra .cont a:hover { color:#CCC; }