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

body {
	margin:0;
	padding:0;
	font:'Open Sans Condensed', sans-serif;
}

.clear {
	clear:both;
}

#fondo {
	position:fixed;
	width:100%;
	z-index:-1;
	text-align:justify;
	font: 45px 'Monoton';
	color:#e2e1e1;
}

#fondo p {
	line-height:40px;
	margin:0;
	}

#volver a{
	width:100%;
	background-color:#1e1e1e;
	color:#fff;
	position:absolute;
	padding:20px 0;
}

#volver a {
	text-decoration:none;
	font-family:'Open Sans Condensed', sans-serif;
	font-size: 30px;
	text-align:center;
}


#facebook-like {
	padding: 40px 0 0 30px;
	position:absolute;
	z-index:100;
}


/* HOME */

#logo-container {
	background-color:#1e1e1e;
	width:375px;
	margin:auto;
	height:484px;
	margin-top:-20px;
	border-radius: 10px;
	-ms-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
}

#logo-container #logo {
	padding-top:120px;
	margin-left:-45px;
	
}

#logo-container h1 {
	font: 30px 'Open Sans Condensed', sans-serif;
	margin:auto;
	color:#848484;
	text-align:center;
	line-height:30px;
	padding-top:70px;
}

#navigation {
	margin-top:140px;
}

#navigation ul {
	margin:auto;
	width:420px;
	margin-left:-50px;
}

#navigation ul li {
	display:inline;
	padding-right:20px;
}

#navigation ul li a {
	color: #1e1e1e;
	text-decoration:none;
	font: 22px 'Open Sans Condensed', sans-serif;
}

#navigation ul li a:hover {
	text-decoration:none;
	color:#1e1e1e;
	padding-bottom:0px;
	border-bottom:5px solid #ff0000;
}

.social-networks {
	margin:auto;
	margin-top:90px;
	width:160px;
}

.social-networks a {
	padding-right:10px;
	float:left;
}

#promsite {
	width:150px;
	margin:auto;
	padding-top:50px;
}

/* FIN HOME */


/* PÁGINAS INTERIORES */

#wrapper-int {
	width:1024px;
	margin:auto;
}

#logo-interior {
	background-color:#1e1e1e;
	width:213px;
	height:244px;
	margin-left:65px;
	margin-top:-20px;
	border-radius: 10px;
	-ms-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
}

#logo-interior #logo {
	padding-top:60px;
	margin-left:-27px;
	
}

#logo-interior h1 {
	font-family:'Open Sans Condensed', sans-serif;
	font-size: 19px;
	margin:auto;
	color:#848484;
	text-align:center;
	line-height:22px;
	padding-top:25px;
}

#navigation-int {
	margin-top:-100px;
	margin-left: 260px;
}

#navigation-int ul {
	margin:auto;
	width:420px;
	margin-left:-50px;
	list-style-type: none;
	text-align: left;
}

#navigation-int ul li a {
	color: #1e1e1e;
	text-decoration:none;
	font-family:'Open Sans Condensed', sans-serif;
	font-size:22px;
	line-height:25px;
	padding-left: 20px;
	text-align: left;
}

#navigation-int ul li a:hover {
	text-decoration:none;
	color:#1e1e1e;
	background: transparent url(imgs/bullet-gris.gif) left 9px no-repeat;
}

#navigation-int ul li a#current {
	background: transparent url(imgs/bullet-rojo.gif) left 9px no-repeat;
}


#social-networks-int {
	float:right;
	margin-right:20px;
	margin-top:-200px;
	width:160px;
}

#social-networks-int a {
	padding-right:10px;
	float:left;
}

#content {
	margin:auto;
	margin-top:80px;
	margin-left:65px;
	width:100%;
	min-height:300px;
}

/* FIN PÁGINAS INTERIORES */


/* COMIENZO PROYECTOS */

#content a {
	text-decoration:none;
}

#content .projects {
	height: 270px;
	width: 270px;
	-moz-border-radius: 133px;
	border-radius: 140px;
	background-color:#000;
	border:6px solid #1e1e1e;
	float:left;
	margin-right:40px;
	margin-bottom:35px;
	color:#fff;
	text-align:center;
	font:18px 'Open Sans Condensed', sans-serif;
	line-height:20px;
}

#content .projects p {
	color:#848484;
}
	
#content .projects #pr1 {
	height: 272px;
	width: 272px;
	-moz-border-radius: 133px;
	border-radius: 125px;
	background-color:#000;
	position:absolute;
	margin-top:0px;
	display:none;
}

#content .projects #pr2 {
	height: 272px;
	width: 272px;
	-moz-border-radius: 133px;
	border-radius: 125px;
	background-color:#000;
	position:absolute;
	margin-top:0px;
	display:none;
}

#content .projects #pr3 {
	height: 272px;
	width: 272px;
	-moz-border-radius: 133px;
	border-radius: 125px;
	background-color:#000;
	position:absolute;
	margin-top:0px;
	display:none;
}

#content .projects #pr4 {
	height: 272px;
	width: 272px;
	-moz-border-radius: 133px;
	border-radius: 125px;
	background-color:#000;
	position:absolute;
	margin-top:0px;
	display:none;
}

#content .projects #pr5 {
	height: 272px;
	width: 272px;
	-moz-border-radius: 133px;
	border-radius: 125px;
	background-color:#000;
	position:absolute;
	margin-top:0px;
	display:none;
}

#content .projects #pr6 {
	height: 272px;
	width: 272px;
	-moz-border-radius: 133px;
	border-radius: 125px;
	background-color:#000;
	position:absolute;
	margin-top:0px;
	display:none;
}

#content .projects #pr7 {
	height: 272px;
	width: 272px;
	-moz-border-radius: 133px;
	border-radius: 125px;
	background-color:#000;
	position:absolute;
	margin-top:0px;
	display:none;
}

#content .projects #pr8 {
	height: 272px;
	width: 272px;
	-moz-border-radius: 133px;
	border-radius: 125px;
	background-color:#000;
	position:absolute;
	margin-top:0px;
	display:none;
}

#content .projects #pr9 {
	height: 272px;
	width: 272px;
	-moz-border-radius: 133px;
	border-radius: 125px;
	background-color:#000;
	position:absolute;
	margin-top:0px;
	display:none;
}

#content .projects #pr10 {
	height: 272px;
	width: 272px;
	-moz-border-radius: 133px;
	border-radius: 125px;
	background-color:#000;
	position:absolute;
	margin-top:0px;
	display:none;
}

#content .projects #pr11 {
	height: 272px;
	width: 272px;
	-moz-border-radius: 133px;
	border-radius: 125px;
	background-color:#000;
	position:absolute;
	margin-top:0px;
	display:none;
}

#content .projects #pr12 {
	height: 272px;
	width: 272px;
	-moz-border-radius: 133px;
	border-radius: 125px;
	background-color:#000;
	position:absolute;
	margin-top:0px;
	display:none;
}

/* FIN PROYECTOS */


/* COMIENZO CONTACTO */

#formulario {
	float: left;
	background-color: #cc0000;
	padding:20px;
	border-radius: 10px;
	-ms-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	color:#fff;
	font-size:20px;
	width:310px;
	font:16px 'Open Sans Condensed', sans-serif;
	height:255px;
}

#formulario input {
	background-color:#fff;
	border:none;
	padding:5px;
	width:300px;
	border-radius: 5px;
	-ms-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	margin-bottom:10px;
	font:11px Arial, Helvetica, sans-serif;
}

#formulario label {
	display: block;
}

#formulario .textarea {
	background-color:#fff;
	border:none;
	padding:5px;
	width:300px;
	border-radius: 5px;
	-ms-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	margin-bottom:10px;
	font:11px Arial, Helvetica, sans-serif;
}

#formulario input.boton-enviar {
    color:#fff;
    background-color:#1e1e1e;
    border-style:none;
    border-radius: 5px;
	-ms-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	font:16px 'Open Sans Condensed', sans-serif;
	margin-top:10px;
	float:right;
	width:150px;
}

#direccion {
	float:right;
	margin-top:-45px;
	margin-right:100px;
	text-align:right;
	color:#1e1e1e;
	font:17px 'Open Sans Condensed', sans-serif;
	line-height:19px;
}

#direccion a {
	color:#1e1e1e;
	text-decoration:none;
	font:17px 'Open Sans Condensed', sans-serif;
	line-height:19px;
}

#mapa {
	float:right;
	margin-right:100px;
	width:420px;
	background-color:#1e1e1e;
	padding:10px;
}

/* FIN CONTACTANOS */


/* COMIENZO NOSOTROS */

.nosotros {
	width:250px;
	margin-right:66px;
	float:left;
	text-align:center;
}

.nosotros .bg-nosotros {
	border-radius: 5px;
	-ms-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	background-color:#cc0000;
	width:100%;
	min-height:230px;
	color:#fff;
	font:15px 'Open Sans Condensed', sans-serif;
	padding:20px;
	text-align:left;
	margin-top:20px;
}

.nosotros .bg-nosotros a {
	color:#fff;
	text-decoration:none;
	border-bottom:dotted thin #fff;
}

.nosotros .bg-nosotros a:hover {
	text-decoration:none;
	border-bottom:solid thin #fff;
}

.equipo {
	border-radius: 5px;
	-ms-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	background-color:#cc0000;
	width:880px;
	color:#fff;
	font:20px 'Open Sans Condensed', sans-serif;
	padding:20px;
	text-align:left;
}

.equipo a {
	color:#fff;
	text-decoration:none;
	border-bottom:dotted thin #fff;
}

.equipo a:hover {
	text-decoration:none;
	border-bottom:solid thin #fff;
}


/* FIN NOSOTROS */


/* COMIENZO FOOTER */

#footer {
	width:905px;
	margin:50px 0 10px 64px;
	display:block;
	padding:5px 10px;
	background-color:#1e1e1e;
	 border-radius: 5px;
	-ms-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	color:#848484;
	font:14px 'Open Sans Condensed', sans-serif;
}

#footer .left {
	float:left;
}

#footer .right {
	float:right;
}

#footer a {
	color:#848484;
	text-decoration:none;
}

#footer a:hover {
	text-decoration:none;
	border-bottom:dotted thin #fff;
}