@charset "utf-8";
/* CSS Document */
body{background:url(img/bg.png); margin:0px 0 20px 0; font-family: 'Squada One', cursive;}
.banner{background-color:#FFF; max-width:800px; margin:0 auto; overflow:hidden; }
.menu{list-style:none; margin:0 auto;}
.menu li{float:left; margin-left:20px;}
.logo{background:url(img/logo.jpg) no-repeat center ; background-size:90%;  width:410px; height:270px; float:left; margin:0px auto;}
.data_bg{background:url(img/transparent-bg.png) #CCC; overflow:auto; color:#000; font-size:20px; line-height:23px; border-bottom:4px solid #DA251C; max-width:800px; margin:0 auto; position:relative;}
.data{background:url(img/tel.png) no-repeat left center;float:left;padding-left:35px;margin:5px 15px 5px 15px;  }
.dataList{float:left; padding-left:100px; margin:5px 10px 5px 10px; width:40%; box-sizing:border-box;}
.dataList ul{ padding:0; margin:0; }
.rightBox{min-width:310px; height:270px; max-width:390px; float:left;}
.data_bg a{text-decoration:none;color:#333;}
.noBG{background:none; font-size:16px; font-weight:bold}
.data h1{margin:5px auto; font-size:30px; line-height:38px;}

.expertos{background:#FFF;font-size:30px;color:#414151; max-width:800px; text-align:center; margin:0 auto; border-top:4px solid #DA251C;}
.suc{background:url(img/transparent-bg.png) #CCC; overflow:auto; color:#000; font-size:16px; line-height:23px; border-bottom:4px solid #DA251C; padding:10px 0px; box-shadow:  0px 0px 4px 0px #000;}
.servicios{background:url(img/servicios.jpg) no-repeat center; height:70px; margin:230px 0 10px 0;}

.contact{background:#BBB; margin:10px auto; max-width:800px; font-family:Verdana, Geneva, sans-serif; font-size:16px;}
.contact h2{margin:5px; text-align:center; font-size:18px; padding:10px}

.black{color:#000;}
.footer{width:800px; margin:0 0 0 220px; font-family:Arial; font-size:16px; letter-spacing:1px; color:#CCC;}
.footer a{text-decoration:none; color:#CCC; }
.footer a:hover{ color:#FFF; }
.fleft{float:left;}
.fright{float:right;}
.marco{ background-color:#FFF; max-width:800px; margin:0 auto; overflow:auto;}
.contactForm, .contactPost{float:left; margin:15px; width:800px; color:#444; }
	
.contactForm{font-size:13px; font-family: Calibri, Verdana, Geneva, sans-serif; width:400px;}
.contactForm a, .logon a{text-decoration:underline;}
.contactForm h2{padding-top:20px;}
contactForm h2, .mainH2{ padding:7px 0 5px 20px;  margin-left:10px; height:25px;}
.mainH2{margin:20px;}
.contactForm form{margin:20px;}
.contactAdvise{margin:20px 0; border-top:solid 1px #B0CBE3; line-height:25px;}
.contactPost, .contactPostSent, .loginPostSent{width:300px; padding:15px; font-family:'Shadows Into Light Two', cursive;font-size:20px; background:#999; border:solid 5px #FFFFFF; letter-spacing:1px; margin-top:70px; }
.contactPostSent, .loginPostSent{width:500px; margin:70px auto; padding:30px;}
.contactPost, .contactPostSent, .loginPostSent{-webkit-box-shadow:0px 0px 2px 0px #484848, -4px -4px 0px 0px #F2F2F2, -4px -4px 2px 0px #484848; box-shadow:0px 0px 2px 0px #484848, 3px 3px 0px 0px #F2F2F2, 3px 3px 2px 0px #484848, -3px 6px 0px 0px #F2F2F2, -3px 6px 2px 0px #484848;}
.contactPost, .contactPostSent{-moz-transform: scale(1) rotate(3deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
		-webkit-transform: scale(1) rotate(3deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
        -o-transform: scale(1) rotate(3deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
        -ms-transform: scale(1) rotate(3deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
        transform: scale(1) rotate(3deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);}

/* COMPARTIDOS */
.banner,.contact{box-shadow:  0px 0px 7px 1px #000;}
.xx{text-shadow: 1px 1px 4px #000000; /*filter: dropshadow(color=#000000, offx=1, offy=1);*/}
.contacto, {-webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.7); box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.7);}
box-shadow:{0px 0px 3px #333333;}

.callNow{width:110px; position:absolute; top:5px; right:5px; font-size:12px; font-family:Arial, Helvetica, sans-serif; text-align:center;}
.callNow a{display:block; background-color:#DA251C; color:#FFF; font-weight:bold; padding:5px 5px; border-radius:3px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.9);}
.callNow a:hover{background-color:#900; }
@media screen and (max-width: 770px){
.banner,.data_bg,.footer, .expertos{max-width:600px;}	
.logo{float:none; height:200px; margin:0 auto;}
.rightBox{display:none;}
.contact, .expertos{max-width:600px;}
.suc{width:auto; float:none;}
.left{margin-right:0px;}
.expertos{font-size:22px;line-height:30px;}
.data h1{margin:3px auto; font-size:25px; line-height:20px;}
.dataList{padding-left:100px;  width:80% }
}
@media screen and (max-width: 400px){
.logo{width:100%;}
}