/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900');

/*
font-family: 'Roboto', sans-serif;
*/

#slider
{
	width:100%;
	height: 700px;
	
	overflow: hidden;
	text-align: center;
	z-index: 0;
}

#slider img
{
	width:100%;
	height: auto;
}

#logo
{
	position:absolute;
	
	width: 190px;
	height: 200px;
	
	top: 100px;
	left: 50%;
	margin-left: -95px;
	z-index: 10;
}

#sliderTexto1
{
	position: absolute;
	top: 350px;
	
	width: 100%;
	
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 40px;
	color: #FFFFFF;
	text-align: center;
	z-index: 10;
	text-shadow: 1px 1px 10px #000;
}
#sliderTexto2
{
	position: absolute;
	top: 400px;
	
	width: 100%;
	
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 25px;
	color: #FFFFFF;
	text-align: center;
	z-index: 10;
	text-shadow: 1px 1px 10px #000;
}

#bandaMenu
{
	width: 100%;
	padding: 10px 0px;
	
	position: absolute;
	top:500px;
	
	background-color: rgba(255,255,255,.70);
	z-index: 10;
}

#menu
{
	width: 640px;
	height: auto;
	
	margin: auto;
}

.opcionMenu
{
	width: auto;
	height: auto;
	
	padding: 0px 30px;
	float: left;
	
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 18px;
	color: #4e1616;
	text-align: center;
	
	cursor: pointer;
}

.opcionMenu:hover
{
	color: #5E5D5D;
}

#siguenos
{
	width: 100px;
	height: auto;
	
	position: absolute;
	left:50%;
	margin-left: -50px;
	
	top: 550px;
	cursor: pointer;
	z-index: 10;
}

#nosotros
{
	width:100%;
	height: auto;
	
	padding: 80px 0px;
	background-color: #FFF;
}
#nosotrosBox
{
	width:840px;
	height: auto;
	
	margin: auto;
}

.columnaIzq
{
	width:400px;
	height: auto;
	float: left;
	padding: 0px 10px;
}
.columnaDer
{
	width:400px;
	height: auto;
	float: left;
	padding: 0px 10px;
}

.tituloTexto
{
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 28px;
	color: #4e1616;
	
	padding: 10px 0px;
}

.textoParrafo
{
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 18px;
	color: #868686;
	
	text-align: justify;
}

.btn_conocenos
{
	width: 110px;
	height: auto;
	padding: 5px 10px;
	background-color: #FFF;
	border: 1px solid #868686;
	cursor: pointer;
	
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 18px;
	color: #868686;
	text-align: center;
	
	margin-top: 20px;
	float: right;
}
.btn_conocenos:hover
{
	border: 1px solid #4e1616;
	color: #4e1616;
}


#servicios
{
	width: 100%;
	height: 270px;
	
	background-image: url(img/bg_servicios.jpg);
	background-size: 100% auto;
	background-position: 100% 30%;
	
	text-align: center;
}

.tituloServicios
{
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 42px;
	color: #4e1616;
	text-shadow: 1px 1px 5px #666;
	
	padding-top: 110px;
}

#servicios2
{
	width:100%;
	height: auto;
	padding: 30px 0px;
}

#serviciosBox
{
	width: 800px;
	height: auto;
	
	margin: auto;
}

.servicioBox
{
	width: 350px;
	height: auto;
	
	float: left;
	
	border: 1px dotted #999;
	margin: 20px 20px;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	cursor: pointer;
	
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	 
	 transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

.tituloServicioBox
{
	text-align: center;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 16px;
	color:#FFF;
	text-shadow: 1px 1px 5px #000;
	
	padding: 70px 0px 10px 0px;
	cursor: pointer;
}
.tituloServicioBox:hover
{
	font-weight: 700;
}

.bg_detalleServicio
{
	background-color:#FFF;
	padding: 10px 0px 10px 40px;
}

.clearfix
{
	clear:both;
}

#desarrollos
{
	width:100%;
	height: auto;
	padding: 30px 0px;
	background-color: #4e1616;
}

#desarrollos2
{
	width:100%;
	height: auto;
	padding: 50px 0px 0px 0px;
}

.tituloDesarrollos
{
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 42px;
	color: #FFF;
	text-align: center;
}

#contacto
{
	width:100%;
	height: auto;
}

#formulario
{
	width:50%;
	height: auto;
	
	float:left;
	
	background-color: rgba(0,0,0,.80);
}
#mapa
{
	width:50%;
	height: auto;
	float:right;
}

.tituloContacto
{
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 40px;
	color: #FFFFFF;
	text-align: right;
	padding-top: 20px;
	padding-right: 130px;
}

.cuadroTexto1
{
	width: 300px;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 18px;
	color: #666666;
	margin: 3px 0px;	

	padding: 5px 10px;
}

.cuadroTexto2
{
	width: 300px;
	height: 100px;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 18px;
	color: #666666;
	margin: 3px 0px;	

	padding: 5px 10px;
}

.btn_enviar
{
	width: 110px;
	height: auto;
	padding: 5px 10px;
	background-color: #FFF;
	border: 1px solid #666666;
	cursor: pointer;
	
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 18px;
	color: #666666;
	text-align: center;
	
	margin-bottom: 9px;
}
.btn_enviar:hover
{
	border: 1px solid #4e1616;
	color: #4e1616;
}

#bottom
{
	width: 100%;
	height: auto;
	
	padding: 40px 0px;
	
	text-align: center;
	
	font-family: 'Roboto', sans-serif;
	font-weight: 100;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 1.6;
	
	background-color: #4e1616;
}