@import url(http://fonts.googleapis.com/css?family=Playfair+Display:400,700);
@import url(http://fonts.googleapis.com/css?family=Marcellus);
@import url(http://fonts.googleapis.com/css?family=Muli:300,400);

    .block {
        /*height:700px;
        background: blue;
        margin-top: 30px;*/
    }


body {
	margin: 0;
	padding: 0;
	background:#ebebeb;
	background:url(imgs/Untitled-1.jpg);
	background-size: cover;
	background-attachment:fixed;
}


#container {
	width: 1170px;
	margin: 0 auto;
	overflow: hidden;
	/*background:#FFF;*/
	}


#topcontent {
	width:1170px;
	height:200px;
	background:#FFF;
	position:fixed;
	z-index:1000;
}

#franjasuperior{
	width:1170px;
	height:22px;
	background:#A7A9AB;
	padding-top:4px;
	color:#FFF;
}

.txtredessoc{
	font-family: 'Muli', sans-serif;
	font-style:italic;
	font-size:12px;
	font-weight:400;
}

#logotipo {
	width:1170px;
	height:120px;
	margin:10px 0 0px 0;
	text-align:center;
}

#nav-bar{
	width:1170px;
	height:44px;
	margin:0 0 0px 0;
}

#nav-bar ul {
 	float:left;
 	left:50%;
 	list-style-type:none;
 	margin:0 auto;
 	padding:0;
 	position:relative;
 }

#nav-bar li {
	float:left;
	position:relative;
 	right:50%;
}

#nav-bar li a {
	font-family: 'Playfair Display', serif;
	font-size:17px;
    display:block;
	padding: 10px 20px 0px 20px;
	text-decoration:none;
	color:#A7A9AB;
}

#nav-bar li a:hover {
	color:#FF0000;
}

#nav-bar li.active a {
	color:#FF0000;
}

#imgf li {
	list-style-image:url(imgs/arrow2.png);
}

#imgf li a{
    display:block;
	text-decoration:none;
	color:#f00;
}


#valores li {
 	list-style-type:none;
	text-transform:uppercase;
 }


#valores li a {
			padding-left: 0px;
			color:#F00;
			font-family: 'Muli', sans-serif;
			font-size:13px;
			text-decoration:none;
}



/***********/

#inicio {
	width:1170px;
	height:550px;
	float:left;
}

#contentsectioninicio {
	
	width:1170px;
	height:550px;
	float:left;
	/*background:#FFF;
	/*background:url(imgs/bgsections.png) no-repeat;*/
}

.dentro {
	width:100%;
	padding-top:200px;
}

#introservicios{
	width:250px;
	height:160px;
	overflow:hidden;
	background:#CCC;
	border-radius:10px;
	padding:10px;
	font-family:'Playfair Display', serif;
	font-size:15px;
	text-align:justify;
	margin:100px 0 0 20px;
}

#contentsection {
	
	width:1170px;
	height:750px;
	float:left;
	/*background:#FFF;
	/*background:url(imgs/bgsections.png) no-repeat;*/
}

#namesection{
	width:1170px;
	height:26px;
	border-top:#F00 solid 1px;
	float:left;
}

.namesection{
	font-family:'Playfair Display', serif;
	font-size:17px;
	padding:0px 20px 4px 20px;
	margin-left:20px;
	color:#fff;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	background:#F00;
}

.frases{
	text-align:center;
	font-family: 'Marcellus', serif;
/*	font-family: 'Playfair Display', serif; */
	font-size:22px;
	color:#333;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.10);
	padding-top:15px;
}

#slidering {
	width:1170px;
	height:393px;
}

#sombra {
	width:1170px;
	height:50px;
	background:url(imgs/sombra.png);
}

#conocenos {
	width:1170px;
	height:780px;
	float:left;
	background:url(imgs/bgsecciones.png) no-repeat;
}

#texto {
	margin:30px 0 0 0px;
	width: 330px;
	height: 350px;
	float:left;
	font-family: 'Muli', sans-serif;
	/*overflow:hidden;*/
	text-align:justify;
	font-weight:400;
	font-size:13px;
	color:#666;
}

#imgtabcontent {
	margin:30px 0 0 0px;
	width: 330px;
	height: 350px;
	float:left;
}

.txt{
	font-family: 'Muli', sans-serif;
	text-align:justify;
	font-weight:400;
	font-size:13px;
	color:#666;
}

#servicios {
	width:1170px;
	min-height:830px;
	float:left;
	background:url(imgs/bgsectionsservicios_.png) no-repeat;
}

#titieservicios{
	width:100%;
	height:30px;
	color:#F00;
	font-family: 'Muli', sans-serif;
	text-align:justify;
	font-size:15px;
}

#infoservicios{
	width:610px;
	height:382px;
	float:left;
	margin-top:00px;
	margin-left:76px;
}

#blog {
	width:1170px;
	height:750px;
	float:left;
}

#contacto {
	width:1170px;
	height:750px;
	float:left;
	background:url(imgs/bgsecciones.png) no-repeat;
}

#contentgalerias{
	width:1036px;
	padding:17px;
	margin:20px 0 0 50px;
	float:left;
	background:#eee;
	overflow:hidden;
}

#contentgalerias img{
	float:left;
	margin-right:15px;
	margin-bottom:15px;
	border-bottom:#F00 solid 3px;
}

#mapa{
	width:640px;
	min-height:410px;
	overflow:hidden;
	margin:10px 0 0 50px;
	float:left;
	font-family: 'Muli', sans-serif;
	text-align:justify;
	font-weight:400;
	font-size:13px;
	color:#666;
}


/**************************formulario*******************************/

#placeformulario{
	width:300px;
	min-height:300px;
	float:left;
	margin-left:100px;
	margin-top:50px;
}

input, textarea {
    width:280px;
    height:18px;
    background:#fff;
    border:1px solid #666;
    padding:2px;
    margin-top:4px;
	font-family: 'Muli', sans-serif;
	font-weight:400;
    font-size:13px;
    color:#666;
}

textarea {
    height:60px;
}

#submit {
	font-family: 'Muli', sans-serif;
	font-weight:400;
	color:#FFF;
    width:85px;
    height:35px;
    border:none;
    margin-top:5px;
	border:1px solid #666;
    cursor:pointer;
	background:#ff0000;
}


.animacion_img {
	float:right;
	width:210px;
	height:265px;
	margin:0px 0px 0 10px;
	overflow:hidden;
	position:relative;
}

.animacion_img img {
	float:left;
	position:absolute;
	left:0px;
	top:0px;
	display:none;
}
.fa-twitter-square {
	color:#ba0909;
}
.fa-facebook-square {
	color:#ba0909;
}
.fa-youtube-square {
	color:#ba0909;
}