body {
	font-family: Signika, sans-serif;
    font-size: 15px;
	background: #000;
}

#section0,
#section1,
#section2,
#section3{
background-size: cover;
}
#section0{
background-image: url(imgs/bg1.jpg);
padding: 30% 0 0 0;
}
#section2{
background-image: url(imgs/bg3.jpg);
padding: 6% 0 0 0;
}
#section3{
background-image: url(imgs/bg4.jpg);
padding: 6% 0 0 0;
}
#section3 h1{
color: #000;
}
#slide1 {
background: url(imgs/sliders/slider1.jpg) no-repeat;
margin: 0 0 0 0;
padding-top: 50px;
}
#slide1_2 {
background: url(imgs/sliders/slider2.jpg) no-repeat;
padding-top: 50px;
}
#slide2 {
background: url(imgs/sliders/slider3.jpg) no-repeat;
padding-top: 50px;
}
#slide3 {
background: url(imgs/sliders/slider4.jpg) no-repeat;
padding-top: 50px;
}
#slide4 {
background: url(imgs/sliders/slider5.jpg) no-repeat;
padding-top: 50px;
}
#slide5 {
background: url(imgs/sliders/slider6.jpg) no-repeat;
padding-top: 50px;
}
#slide6 {
background: url(imgs/sliders/slider7.jpg) no-repeat;
padding-top: 50px;
}

#header, #footer{
position:fixed;
height: 50px;
display:block;
width: 100%;
background: #333;
z-index:9;
text-align:center;
color: #f2f2f2;
padding: 20px 0 0 0;
}

#header{
top:0px;
background: url(imgs/carrete.png);
height: 177px;
width: 368px;
left: 50%;
margin-left: -184px;
cursor: pointer;
}
#footer{
top:490px;
background: url(imgs/botonera.png);
z-index: 1;
height: 70px;
width: 760px;
left: 50%;
margin-left: -380px;

}

#infoMenu li a {
color: #fff;
}
.contenido {
position: relative;
width: 878px;
height: 280px;
/*margin-left: 16%;*/
margin-top:100px;
left: 50%;
margin-left: -439px;
background: url(imgs/cortina.png) repeat-y;
z-index: 999;
padding: 50px 20px 20px 20px;
color: #fff;
}

.menu_btl {
position: absolute;
background: url(../images/menu_btl.png) repeat-x;
margin-top: -100px;
margin-left: 600px;
}
.contenido_btl ul {
}
.contenido_btl ul li {
float: left;
margin: 20px;
color: #000;
}
#video, #galeria, #btl {
width: 500px;
}
#video {
margin: -60px auto auto 170px;
position: absolute;
}
/*
#galeria {
width: 
}
*/
#btl {
text-align: justify;
padding: 10px;
margin-left: 50px;
}
#fbkbtl, #galery, #reel {
}
#bombillo {
position: absolute;
top:305px;
margin-left: 44px;
}

.powered {
background: url(imgs/powered.png);
width: 141px;
height: 50px;
position: fixed;
top: 0;
left: 50px;
cursor: pointer;
}
.powered:hover {
background: url(imgs/powered_r.png);
width: 145px;
height: 117px;
position: fixed;
top: 0;
left: 50px;
cursor: pointer;
}
.privacidad {
	margin-top: 538px;
	margin-left: -1030px;
}
.privacidad a {
	font-size: 10px;
	text-decoration: none;
	color: gray;
}
.privacidad a:visited {
	color: #fff;
	text-decoration: none;
}
#myModal {
    text-align: justify;
    color: #000;
}
.homepng {
	background: url(imgs/home.png) no-repeat 0 0;
    display:block;
    height:29px;
    width:35px;
	position: absolute;
	margin: 45px 0 0 -28px;
}
.homepng:hover {
	background: url(imgs/home_r.png) no-repeat;
}
.social {
	margin-left: 320px;
	margin-top: 30px;
}
.social ul {
	/*150*/
	width: 200px;
	list-style-type: none;
	position: absolute;
}
.social ul li {
	float: left;
	margin-left: 8px;
}

li#twitter a {
	background: url(imgs/twitter.png) no-repeat 0 0;
    display:block;
    height:29px;
    width:35px;
}
li#twitter a:hover {
	background: url(imgs/twitter_r.png) no-repeat;
}
li#facebook a {
	background: url(imgs/facebook.png) no-repeat 0 0;
    display:block;
    height:29px;
    width:35px;;
}
li#facebook a:hover {
	background: url(imgs/facebook_r.png) no-repeat;
}
li#pinterest a {
	background: url(imgs/pinterest.png) no-repeat 0 0;
    display:block;
    height:29px;
    width:35px;;
}
li#pinterest a:hover {
	background: url(imgs/pinterest_r.png) no-repeat;
}
/*Propiedades de Instagram*/
li#instagram a {
	background: url(imgs/instagram.png) no-repeat 0 0;
    display:block;
    height:29px;
    width:35px;
}
li#instagram a:hover {
	background: url(imgs/instagram_r.png) no-repeat 0 0;
}
/*---------------------------------------------*/

/*PAGINAS*/
.home iframe {
	margin-left: 0px;
	/*margin-top: -30px;*/
}
.senor {
background: url(imgs/senñor.gif);
width: 356px;
height: 336px;
position: relative;
margin-left: 250px;
margin-top: -110px;
}
#tuercas {
position: absolute;
margin-top: 48px;
margin-left: 35px;
}
iframe {
border: none;
margin-top: -50px;
margin-left: -45px;
}
h2 {
margin: -20px 0 0 20px;
width: 200px;
color: #fddf1c;
border-top: solid 2px #999b95;
}

.corazon span {
color: #fddf1c;
}
.corazon div {

width: 250px;
float: left;
margin-left: 0px;
}
.corazon img {
	position: absolute;
	margin-top: 50px;
	margin-left: 5px;
}
.corazon {
    text-align: left;
    background: url(imgs/maftrix.png) no-repeat 0 0;
    width: 560px;
    height: 336px;
    margin-left: 180px;
	margin-top: 10px;
}
#innovacion {
    position: absolute;
    margin-top: 50px;
}
#creatividad {
    position: absolute;
    margin-left: 320px;
    margin-top: 50px;
}
#respon {
position: absolute;
margin-top: 129px;
}
#calidad {
position: absolute;
margin: 129px 0 0 320px;
}
p#pilares {
	position: absolute;
	margin-top: 110px;
	margin-left: -65px;
}
p#ideales {
	position: absolute;
	margin-top: 200px;
	margin-left: 250px;
	
}
.servicios {
    text-align: justify;
	width: 670px;
	margin: 30px 0 0 75px;
	font-size: 16px;
}
.servicios span {
	color: #fddf1c;
}

/*MAPA*/
.mapa {
	margin-left: 350px;
	margin-top: 145px;
}
.mapa iframe {
	border: none;
	overflow-x: hidden; 
	z-index:-1;
}


/*Contacto*/
#contact-area {
	position: absolute;
	width: 600px;
	margin-left: 400px;
	color: #fff;
	margin-top: -30px;
}
#contact-area input, #contact-area input:focus {
	outline: 0px;
}
#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 320px;
	height: 15px;
	font-family: Signika, sans-serif;
	font-size: 10px;
	margin: 0px 0px 10px 0px;
	border: 2px solid #fddf01;
	border-radius: 30px;
	outline: 0px;
}

#contact-area textarea {
	height: 40px;
	outline: 0px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #000;
	outline: 0px;
}

#contact-area button.submit-button {
	font-family: Signika, sans-serif;
	font-size: 15px;
	border-radius: 20px;
	padding: 4px;
	border: none;
	background-color: #fcdf00;
	color: #FFF;
}
#contact-area button.submit-button:hover {
    font-family: Signika, sans-serif;
    font-size: 15px;
    border-radius: 20px;
    padding: 4px;
    border: none;
    background-color: #000;
    color: #FFF;
    
}
.direccion {
	position: absolute;
	margin: 80px 0 0 20px;
}

#respuesta {
    position: absolute;
    top: 50px;
    left: 50px;
    width: 200px;
    background-color: #face12;
    padding: 10px;
    border-radius: 10px;
}
.cerrar {
    cursor: pointer;
}

    li.clase2 {
        background: url(imgs/menu/btl.png) !important;
        width: 61px !important;
        height: 48px !important;
    }
    /*Modificacion de los Rollover de los botones del menu principal*/
    li.clase2 a:hover  span{
        background: url(imgs/menu/btl_r.png) no-repeat 0 0;
        width: 90px !important;
        height: 69px !important;
        margin: -16px 0 0 -15px;
    }
    li.clase2 a.active span {
        background: url(imgs/menu/btl_r.png) !important;
        width: 90px !important;
        height: 69px !important;
        margin: -16px 0 0 -15px;
    }
    
     li.clase3 {
        background: url(imgs/menu/corazon.png) !important;
        margin-left: 35px !important;
        width: 61px !important;
        height: 48px !important;
    }
    /*Modificacion de los Rollover de los botones del menu principal*/
    li.clase3 a:hover  span{
        background: url(imgs/menu/corazon_r.png) no-repeat 0 0;
        width: 90px !important;
        height: 69px !important;
        margin: -14px 0 0 -10px;
		}
    li.clase3 a.active span {
        background: url(imgs/menu/corazon_r.png) !important;
        width: 90px !important;
        height: 69px !important;
        margin: -14px 0 0 -10px;
    }
    
     li.clase4 {
        background: url(imgs/menu/engrane.png) !important;
        margin-left: 35px !important;
        width: 61px !important;
        height: 48px !important;
    }
    li.clase4 a:hover  span {
        background: url(imgs/menu/engrane_r.png) no-repeat 0 0;
        width: 90px !important;
        height: 69px !important;
        margin: 1px 0 0 3px;
    }
    li.clase4 a.active span {
        background: url(imgs/menu/engrane_r.png) no-repeat !important;
        width: 90px !important;
        height: 69px !important;
        margin: 1px 0 0 3px;
    }
     li.clase5 {
        background: url(imgs/menu/servicios.png) !important;
        margin-left: 30px !important;
        width: 61px !important;
        height: 48px !important;
    }
    li.clase5 a:hover span{
        background: url(imgs/menu/servicios_r.png) no-repeat 0 0;
        width: 90px !important;
        height: 69px !important;
        margin: 1px 0 0 -1px;
    }
    li.clase5 a.active span {
        background: url(imgs/menu/servicios_r.png) no-repeat !important;
        width: 90px !important;
        height: 69px !important;
        margin: 1px 0 0 -1px;
    }
     li.clase6 {
        background: url(imgs/menu/mapa.png) !important;
        margin-left: 35px !important;
        width: 61px !important;
        height: 48px !important;
    }
    li.clase6 a:hover span {
        background: url(imgs/menu/mapa_r.png) no-repeat !important;
        width: 90px !important;
        height: 69px !important;
        margin: 0 0 0 8px;
    }
	li.clase6 a.active span {
        background: url(imgs/menu/mapa_r.png) no-repeat !important;
        width: 90px !important;
        height: 69px !important;
        margin: 0 0 0 8px;
    }
     li.clase7 {
        background: url(imgs/menu/buscanos.png) !important;
        margin-left: 35px !important;
        width: 61px !important;
        height: 48px !important;
    }
    li.clase7 a:hover span {
        background: url(imgs/menu/buscanos_r.png) no-repeat 0 0;
        width: 90px !important;
        height: 69px !important;
        margin: -13px 0 0 -17px;
    }
    li.clase7 a.active span {
        background: url(imgs/menu/buscanos_r.png) !important;
        width: 90px !important;
        height: 69px !important;
        margin: -13px 0 0 -17px;
    }
    .cobertura{
        width: 90px;
        font-size: 18px;
        position: absolute;
        margin-left: 950px;
        margin-top: 100px;
        z-index: 300;
        text-align: right;
    }
	.pobyco {
        position: absolute;
        top: 405px;
        margin-left: 375px;
    }
    /*Estilos de Aviso de Privacidad*/

    .texto_negrita{
            color: black;
    }
    .texto_rojo {
            color: red;
    }
    .parrafo_privacidad {
            text-align: justify;
    }
    
	
.corazon_familia span {
color: #fddf1c;
}
.corazon_familia div {
    width: 250px;
    float: left;
    margin-left: 0px;
}
.corazon_familia img {
	position: absolute;
	margin-top: 50px;
	margin-left: 5px;
}
.corazon_familia {
    text-align: justify;
    background: url(imgs/maftrix.png) no-repeat 0 0;
    width: 560px;
    height: 336px;
    margin-left: 180px;
	margin-top: 50px;
}

.col_servicios{
   text-align: center;
    position: relative;
    min-height: 1px;
    float: left;
    width: 33.33333333%;
}
.info_servicios{
    padding-left: 35px;
    line-height: 100%;
    font-size: 0.9em;
    text-align: left;
}
.serv{
    font-size: 1.3em;
    font-family: Impact, Charcoal, sans-serif;
}