/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
margin: 0;
padding: 0;
border: 0;
font-size: x-large;
font: inherit;
/* [disabled]vertical-align: baseline; */
}.container{
margin-top: -412px;
}
.text1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #fff;
}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
/*ol,ul{list-style:none;margin:0px;padding:0px;}*/
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* start editing from here */
a{text-decoration:none;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{ vertical-align:baseline;}/* vertical align baseline */
.vertical-top{ vertical-align:top;}/* vertical align top */
nav.vertical ul li{ display:block;}/* vertical menu */
nav.horizontal ul li{ display: inline-block;}/* horizontal menu */
img{max-width:100%;}
/*end reset*/
body{
background: #e0dfef;
}
#fb {
width: 50px;
height: 35px;
z-index: 1;
margin-top:29px;
position: absolute;
left: 800px;
top: 0px;
}
#fb img{
maring-top:5px;
}
#telefono {
position: absolute;
left: 800px;
top: 0px;
width: 480px;
height: 45px;
z-index: 1;
margin-top:20px;
}
#telefono img {
max-width: 105%;
}
.wrap{
width: 100%;
margin: 0 auto 0 auto;
}
.top-search {
float: right;
margin-bottom: 1%;
}
/*-----start-top-header-----*/
.logo{
float: left;
/*background: #2639c9;*/
padding: 11px 20px 10px 5px;
}
.top-nav ul li{
display:inline-block;
/*float:left;*/
}
.top-nav {
}
.top-nav ul li a{
background: #050557;
padding: 31px;
display: block;
font-family: 'Open Sans', sans-serif;
color: #FFFFFF;
transition: 0.5s ease;
-o-transition: 0.5s ease;
-webkit-transition: 0.5s ease;
text-transform: uppercase;
font-size: 0.875em;
}
.top-nav li.active> a, .top-nav li> a:hover {
color: #FFF;
background:#050557;
}
.top-search input[type="submit"]:hover{
background: #060875 url(../images/icon-1.png) center center;
}
.main-header {
background-image: url('../images/graphite-menu-bg.png');
background-repeat: repeat-x;#030437
border-bottom: 5px solid #060875
}
.top-header {
margin-top: -501px;
}
/*----start-content----*/
.top-grid{
float:left;
width:33.33%;
}
.top-grid img{
display:block;
width: 100%;
}
.top-grid a{
color: #FFF;
padding: 10px;
font-family: 'Open Sans', sans-serif;
font-size: 0.875em;
display: block;
moz-transition: background 0.3s ease-out;
-o-transition: background 0.3s ease-out;
-webkit-transition: background 0.3s ease-out;
transition: all 0.3s ease-out;
background-color: #060d94;
background-image: url(../img/icon1.png);
background-repeat: no-repeat;
background-position: 100% -0%;
}
.top-grid a:hover{
background-color: #050661;
background-image: url(../img/icon1h.png);
background-repeat: no-repeat;
background-position: 100% -0%;
}
#last-grid{
margin:0;
}
#last-grid1{
margin-right:0;
}
.top-grid{
width: 31.33%;
margin-right: 2%;
border: 1px solid rgba(238, 238, 238, 0.28);
padding: 5px 0 0 0;
background-color: #03073d;
-webkit-box-shadow: 0px 56px 36px -60px #121D12;
-moz-box-shadow: 0px 56px 36px -60px #121D12;
-o-box-shadow: 0px 56px 36px -60px #121D12;
}
.top-grid h3{
color: #fff;
font-family: 'Open Sans', sans-serif;
font-size: 1.2em;
text-transform: uppercase;
padding: 7px 10px;
}
.top-grids {
margin-top: 247px;
}
/*---start-mid-grid----*/
.mid-grids{
border: 1px dashed rgba(0, 0, 0, 0.06);
border-right: none;
border-left: none;
padding: 1.5em 0 0em 0;
margin: 2em 0 0em 0;
}
.mid-grid1{
float: left;
width: 47.33%;
margin: 0 2% 0 0%;
}
.mid-grid{
float: left;
width: 31.33%;
margin: 0 2% 0 0%;
}
.mid-grid h3, .mid-grid1 h3{
color:#05084a;
font-size:1.5em;
font-family: 'Open Sans', sans-serif;
text-transform: uppercase;
}
.mid-grid span, .mid-grid1 span{
font-family: Arial, sans-serif;
color: #12178f;
font-size: 0.875em;
display: block;
padding: 1em 0;
line-height: 1.5em;
}
.mid-grid p, .mid-grid1 p{
font-family: Arial, sans-serif;
color: #000;
font-size: 0.875px;
display: block;
padding: 1em 0;
line-height: 1.5em;
}
.button{
color: #FFF;
background: url(../img/icon1.png) no-repeat 100% -0% #737276;
padding: 8px;
font-family: 'Open Sans', sans-serif;
font-size: 1em;
display: block;
moz-transition: background 0.3s ease-out;
-o-transition: background 0.3s ease-out;
-webkit-transition: background 0.3s ease-out;
transition: all 0.3s ease-out;
width: 57%;
}
.button:hover{
background: url(../img/icon1h.png) no-repeat 100% -0% #0f40a9;
}
.mid-grid1 ul li{
display:block;
border-bottom: 1px dashed #C7C7C7;
padding: 1.3px 0;
}
.mid-grid1 ul li a{
font-family: Arial, sans-serif;
color: #000;
font-size: 0.875em;
display: block;
padding: 0.5em 0;
-moz-transition: background 0.3s ease-out;
-o-transition: background 0.3s ease-out;
-webkit-transition: background 0.3s ease-out;
transition: all 0.3s ease-out;
display: inline-block;
}
.mid-grid ul li a:hover{
color:#301eac;
}
.mid-grid1 ul li:before{
content:url(../img/icon3.png);
padding-right:5px;
}
.mid-grid1 ul {
margin-bottom:1.3em;
}
.latest-news-pic{
float:left;
width:20%;
}
.latest-news-info{
float:right;
width:76%;
}
.latest-news-info a{
font-family: Arial, sans-serif;
color: #0b147b;
font-size: 0.875em;
display: block;
line-height: 1.5em;
-moz-transition: background 0.3s ease-out;
-o-transition: background 0.3s ease-out;
-webkit-transition: background 0.3s ease-out;
transition: all 0.3s ease-out;
}
.latest-news-info a:hover{
color:#040a72;
}
.formulario{
height: 365px;
width: 90%;
background-color: #12086e;
padding: 15px;
}
/*GALERIA!!!!!!! */
#slideshow{
text-align: center;
margin: 0px auto 20px auto;
}
#slideshow img{
cursor:pointer; /* La propiedad cursor no sólo permite seleccionar un puntero entre los disponibles en el sistema operativo (flecha, mano, reloj de arena, redimensionar, etc.) sino que incluso permite indicar la URL de una imagen que se quiere mostrar como puntero personalizado.*/
margin:10px;
-webkit-transition:all .5s;
}
#slideshow img:hover{
-webkit-box-shadow: 0 0 20px #090540;
-webkit-transform: rotate(5deg);
}
#previewSlideshow{
background: rgba(0,0,0,0.5);
display:none;
position: fixed;
top: 0; /* para que la pantalla se vuelva medio griss para ver la iamgen grande*/
left: 0;
height: 100%;
width: 100%;
}
#previewSlideshow #imagen img{ /* para area de imagen */
height: 400px;
margin: 100px 300px;
width: 500px;
box-shadow: 0 0 50px
0;
}
#previewSlideshow #descripcion{ /* zona donde aparece la descripcion de la imagen*/
background: rgba(0,0,0,0.5);
color:#fff;
padding: 5px;
position: relative;
margin: -155px 320px; /* Y arrib abajo / X derecha izquierda*/
width: 300px;
z-index: 100; /* z index es para que aparesca sobre la imagen*/
border-radius: 30px;
}
#previewSlideshow #cerrar{
background: red;
color: #fff;
cursor:pointer;
font-size:14px;
font-weight: bold;
margin:-379px 730px; /* Y movimiento de arriba - abajo / X movimiento derecha izquierda */
padding: 10px;
position: relative;
text-align: center;
width: 50px;
-webkit-transition:all .3s;
}
#previewSlideshow #cerrar:hover{
padding: 30px 10px 10px 10px;
}
#slideshow h3{
color: #FFFFFF;
font-size: 1.5em;
font-family: 'Open Sans', sans-serif;
text-transform: uppercase;
background-color: #0e0455;
padding-top: 5px;
padding-bottom: 5px;
}
#slideshow Clear {
height:15px;
margin-top:15px;
}
/* Para galeria de Imagen simple */
/*---start-footer-----*/
.footer{
padding: 1em 0;
background: #07043d;
font-family: 'Open Sans', sans-serif;
text-align: center;
position: relative;
margin-top: 1em;
}
.footer p{
color:#FFF;
font-size: 0.875em;
}
.footer p a{
color:#fff;
font-weight:bold;
}
.footer p a:hover{
color: #03073d;
font-weight:bold;
}
/*** move top **/
.scroll {
width: 32px;
height: 32px;
border: none;
display: block;
text-indent: 100%;
background: url(../img/top-icon.png) no-repeat right top;
position: absolute;
right: 14px;
bottom:5px;
}
.scroll:hover{
opacity:0.8;
}
.orang{color:#03073d;}
/*---start-about----*/
.banner{
z-index:
}
.top-head{
margin-top: -300px;
}
.about-left, .contservice{
width:100%;
}
.about-left span{
font-family: Arial, sans-serif;
color: #3f0fc5;
font-size: 0.875em;
display: block;
padding: 1em 0 0 0;
line-height:1.8em;
}
.about-left h2, .contservice h2, .contflota h2{
color: #534E4E;
font-size: 2em;
font-family: 'Open Sans', sans-serif;
text-transform: uppercase;
padding: 6px 8px;
margin-bottom:12px;
border-left: 5px #3f0fc5 solid;
}
.about-left p{
font-family: Arial, sans-serif;
color: #000;
font-size: 1em;
display: block;
padding: 1em 1em 1em 0;
line-height: 1.4em;
border-bottom: 1px solid #ccc;
margin-bottom:1em;
}
.contservice p{
font-family: Arial, sans-serif;
color: #000;
font-size: 1em;
display: block;
padding: 1em 1em 1em 0;
line-height: 1.4em;
margin-bottom:1em;
}
.col{
display: block;
float:left;
margin: 1% 0 1% 0.6%;
}
.col:first-child{
margin-left:0;
}
.images_1_of_5 {
width: 15.72%;
padding: 1.5%;
text-align: center;
}
.images_1_of_5 img{
max-width:100%;
display:inline-block;
}
.about-left h3, .contservice h3{
font-family: Arial, sans-serif;
background:url(../images/iconh3.jpg) no-repeat; padding-left: 50px;
color: #3f0fc5;
font-size: 1.8em;
display: block;
padding: 0px 35px;
line-height: 40px;
font-weight:normal;
}
.about, .pageservi, .contflota {
margin-top: 244px;
padding-bottom: 11px;
margin-bottom: 13px;
}
/*----about-histore----*/
.about-histore{
border-bottom: 1px dashed rgba(0, 0, 0, 0.06);
}
.about-histore h3{
font-family: 'Open Sans', sans-serif;
padding: 15px 0px 15px 0px;
margin-bottom: 13px;
color: #303030;
font-size: 1.5em;
text-transform: uppercase;
}
.about-histore ul li span{
color: #777;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
padding: 10px 20px;
margin-bottom: 13px;
float: left;
background: #EEE;
}
.about-histore ul li p{
font-size: 0.8125em;
color: #777;
line-height: 1.5em;
font-family: Arial, sans-serif;
padding: 0px 0px 20px 0px;
float: right;
width: 91%;
border:none;
}
.about-histore ul li p label{
color:#4a21be;
display:block;
}
.about-sidebar{
float:right;
width:28%;
}
.about-sidebar h3{
font-family: 'Open Sans', sans-serif;
padding: 15px 0px 15px 0px;
margin-bottom: 13px;
color: #303030;
font-size: 1.5em;
text-transform: uppercase;
}
.about-sidebar ul li a{
display: block;
font-family: 'Open Sans', sans-serif;
font-size:0.875em;
color: #777;
padding: 2px 0px 5px 0px;
transition: 0.5s ease;
-o-transition: 0.5s ease;
-webkit-transition: 0.5s ease;
}
.about-sidebar ul li a:hover{
color: #3a41dc;
}
.about-sidebar ul li {
border-bottom: 1px dashed rgba(192, 192, 192, 0.33);
background: url(../images/marker.png) 0 19px no-repeat;
padding: 9px 10px 8px 18px;
}
.about-sidebar ul li:hover{
background: url(../images/marker1.png) 0 19px no-repeat;
}
/*---cooking-tips------*/
.ctips {
margin-top: 200px;
}
.tips-left{
width: 48%;
float: left;
padding-right: 2%;
}
.tips-left-grid h3{
font-family: 'Open Sans', sans-serif;
padding: 15px 0px 0px 0px;
color: #303030;
font-size: 1.5em;
text-transform: uppercase;
}
.tips-left-grid p{
font-family: Arial, sans-serif;
color: #777;
font-size: 0.875em;
display: block;
padding: 1em 0;
line-height: 1.5em;
}
.tips-left-grid span{
font-family: Arial, sans-serif;
color: #2c7dd2;
font-size: 0.875em;
display: block;
line-height: 1.5em;
}
.tips-right{
float:right;
width:50%
}
.about-right{ float:right; width:30%;}
.about-right img {padding:6px; border: 1px solid #2b3fd9;}
.tips-right h3{
font-family: 'Open Sans', sans-serif;
padding: 15px 0px 0px 0px;
color: #303030;
font-size: 1.5em;
text-transform: uppercase;
}
.tips-right li,.tips-right p{
font-family: Arial, sans-serif;
color: #777;
font-size: 0.875em;
display: block;
padding: 1em 0;
line-height: 1.5em;
}
.tips-right li:before{
content:url(../images/icon3.png);
padding-right:10px;
}
.tips-right li{
padding:0.5em 0;
}
.cooking-eq h3{
font-family: Arial, sans-serif;
color: #301eac;
font-size: 1.8em;
display: block;
padding: 0;
line-height: 1.8em;
font-weight:normal;
}
.eq-grid{
float:left;
width:47.33%;
margin-right:2%;
}
.eq-grid1{
float: left;
width: 31%;
margin-right: 2%;
}
.eq-grid span, .eq-grid1 span{
font-family: Arial, sans-serif;
color: #301eac;
font-size: 1.8em;
display: block;
padding: 0;
line-height: 1.8em;
}
.eq-grid p, .eq-grid1{
font-family: Arial, sans-serif;
color: #777;
font-size: 0.875em;
display: block;
padding: 1em 0;
line-height: 1.8em;
border-bottom: 1px dashed rgba(0, 0, 0, 0.06);
}
.eq-grid1 img { width:95%;border:1px solid #ccc; padding:3px;}
/*---services----*/
.services h3{ color:#301eac; }
.image{
float: left;
padding: 4px;
border: 1px solid #999;
margin: 0px 13px;
width: 25%;
}
.services p{ float:left; width:60%; padding-left: 16px;}
.service-content ul li{
display: block;
}
.service-content ul li span{
width: 5%;
float: left;
font-size: 3em;
color: #303030;
font-family: 'Open Sans', sans-serif;
}
.service-content ul li p{
font-family: Arial, Helvetica, sans-serif;
color: #6a6a6a;
font-size: 0.875em;
padding: 5px 0 10px 0;
line-height: 1.8em;
}
.service-content ul li p a{
font-size: 1.2em;
color: #303030;
font-family: 'Open Sans', sans-serif;
display: block;
}
.service-content{
float:left;
width: 74.5%;
}
.service-content ul{
padding-bottom:5px;
}
.services-sidebar{
float:right;
width:23%;
}
.services-sidebar h3{
font-family: 'Open Sans', sans-serif;
padding: 15px 0px;
color: #303030;
font-size: 1.5em;
text-transform: uppercase;
}
.services-sidebar ul li a{
display: block;
font-family: 'Open Sans', sans-serif;
font-size: 0.875em;
color: #777;
padding: 2px 0px 5px 0px;
transition: 0.5s ease;
-o-transition: 0.5s ease;
-webkit-transition: 0.5s ease;
}
.services-sidebar ul li a:hover{
color: #2c7dd2;
}
.services-sidebar ul li {
border-bottom: 1px dashed rgba(192, 192, 192, 0.33);
background: url(../images/marker.png) 0 15px no-repeat;
padding: 9px 13px 8px 23px;
}
.services {
margin: 6px 0 30px 0;
border: 1px dashed #999;
padding: 8px;
}
/*---start-gallery---*/
.gallerys {
margin: 200px 0px 30px 0px;
}
.gallerys h3{
font-family: 'Open Sans', sans-serif;
padding: 15px 0px;
color: #303030;
font-size: 1.5em;
text-transform: uppercase;
}
.gallery-grid{
width: 31.44%;
float:left;
}
.gallery-grid p {
font-size: 0.875em;
padding: 0.2em 0em 1.2em 0em;
color: #6a6a6a;
line-height: 1.8em;
font-family: Arial, Helvetica, sans-serif;
}
.gallery-button a {
color: #FFF;
background: url(../images/icon1.png) no-repeat 100% -0% #303030;
padding: 10px;
font-family: 'Open Sans', sans-serif;
font-size: 0.875em;
display: block;
-moz-transition: background 0.3s ease-out;
-o-transition: background 0.3s ease-out;
-webkit-transition: background 0.3s ease-out;
transition: all 0.3s ease-out;
width: 30%;
}
.gallery-button a:hover {
background: url(../images/icon1h.png) no-repeat 100% -0% #2c7dd2;
}
.grid2{
margin: 0px 35px;
}
.gallery-grids {
margin-bottom: 30px;
}
.projects-bottom-paination ul li{
display:inline-block;
}
.projects-bottom-paination{
text-align: center;
padding-top: 55px;
}
.projects-bottom-paination li a{
font: 400 12px/1.2em Arial;
color: #5a5a5a;
padding: 11px 18px;
background: #fff;
text-decoration: none;
text-shadow: none;
border: 1px solid #e9e9e9;
margin-top: 16px;
}
.projects-bottom-paination li.active> a, .projects-bottom-paination li> a:hover {
background: #2c7dd2;
color:#fff;
}
.gallery-grid h4{
font-family: 'Open Sans', sans-serif;
font-size: 18px;
line-height: 22px;
text-transform: uppercase;
color: #303030;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
font-family: 'Open Sans', sans-serif;
cursor: pointer;
padding: 13px 0px 2px 0px;
}
.gallery-grid h4:hover{
color:#2c7dd2;
}
/* Contact Form ============================================================================= */
.contact{
margin-top: 206px;
}
.section {
/* clear: both; */
padding: 0px;
margin: 0px auto;
width: 1033px;
}
.group:before,
.group:after {
content:"";
display:table;
}
.group:after {
clear:both;
}
.group {
zoom:1;
}
.col{
display: block;
float:left;
margin: 1% 0 1% 1.6%;
}
.col:first-child{
margin-left:0;
}
.span_2_of_3 {
width: 63.1%;
padding:1.5%;
}
.span_1_of_3 {
width: 29.2%;
padding:1.5%;
}
.span_2_of_3 h3,
.span_1_of_3 h3 {
font-family: 'Open Sans', sans-serif;
padding: 15px 0px;
color: #303030;
font-size: 1.5em;
text-transform: uppercase;
}
.contact-form{
position:relative;
padding-bottom:30px;
}
.contact-form div{
padding:5px 0;
}
.contact-form span{
display:block;
font-size:0.875em;
color: #454545;
padding-bottom:5px;
font-family: 'Open Sans', sans-serif;
}
.contact-form input[type="text"],.contact-form textarea{
padding:8px;
display:block;
width:98%;
border: none;
outline:none;
color:#303030;
font-size:0.8125em;
font-family:Arial, Helvetica, sans-serif;
border: 1px solid rgba(192, 192, 192, 0.41);
-webkit-appearance:none;
}
.contact-form textarea{
resize:none;
height:120px;
}
.contact-form input[type="submit"]{
border:none;
cursor:pointer;
color: #FFF;
background: url(../images/icon1.png) no-repeat 100% -0% #303030;
padding: 10px 50px 10px 10px;
font-family: 'Open Sans', sans-serif;
font-size:1em;
display: block;
-moz-transition: background 0.3s ease-out;
-o-transition: background 0.3s ease-out;
-webkit-transition: background 0.3s ease-out;
transition: all 0.3s ease-out;
}
.contact-form input[type="submit"]:hover{
background: url(../images/icon1h.png) no-repeat 100% -0% #3e26a4;
}
.contact-form input[type="submit"]:active{
background: url(../images/icon1h.png) no-repeat 100% -0% #3a41dc;
}
.company_address{
color: #006;
}
.company_address p{
font-size: 1.875em;
color: #FF0000;
line-height: 1.8em;
font-family: Arial, Helvetica, sans-serif;
}
.company_address p span{
text-decoration: underline;
color: #FFFF00;
cursor: pointer;
}
.map{
margin-bottom:15px;
}
/***** Media Quries *****/
@media only screen and (max-width: 1024px) {
.wrap{
width:95%;
}
}
/* GO FULL WIDTH AT LESS THAN 800 PIXELS */
@media only screen and (max-width: 800px) {
.wrap{
width:95%;
}
.span_2_of_3 {
width:94%;
padding:3%;
}
.col{
margin: 1% 0 1% 0%;
}
.span_1_of_3 {
width:94%;
padding:3%;
}
}
/* GO FULL WIDTH AT LESS THAN 640 PIXELS */
@media only screen and (max-width: 640px) and (min-width: 480px) {
.wrap{
width:95%;
}
.span_2_of_3 {
width:94%;
padding:3%;
}
.col{
margin: 1% 0 1% 0%;
}
.span_1_of_3 {
width:94%;
padding:3%;
}
.contact-form input[type="text"],.contact-form textarea{
width:97%;
}
}
/* GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
.wrap{
width:95%;
}
.span_2_of_3 {
width:90%;
padding:5%;
}
.col {
margin: 1% 0 1% 0%;
}
.span_1_of_3 {
width:90%;
padding:5%;
}
.contact-form input[type="text"],.contact-form textarea{
width:92%;
}
}
.contact-footer{
border-top: 1px solid rgba(69, 69, 69, 0.13);
padding: 28px 0px 0px 0px;
}
.fleft{ float:left;}
.padleft{ padding-left:10px;}
/*START Widget contacto Lateral*/
#inline {
display: none; width: 600px;
font-family: 'Open Sans', sans-serif;
}
#inline h3{
font-size: 16px;
padding-left: 0;
}
label {
margin-right: 12px;
color: #646464;
font-size: 14px;
}
.txt {
display: inline-block;
color: #676767;
width: 570px!important;
font-family:"Arial", serif;
margin-bottom: 10px;
border: 1px solid lightblue!important;
padding: 5px 9px;
font-size: 1em!important;
line-height: 1.2em!important;
}
.txtarea {
display: block;
resize: none;
color: #676767;
font-family:"Arial", serif;
margin-bottom: 10px;
width: 570px;
height: 150px;
border: 1px solid lightblue;
padding: 5px 9px;
font-size: 1em;
line-height: 1.2em!important;
background: white;
}
.txt:focus, .txtarea:focus { border-style: solid; border-color: #bababa; color: #444; }
input.error, textarea.error { border-color: #0176c8; border-style: solid; background: #8ebde3; color: #3c5081; }
input.error:focus, textarea.error:focus { border-color: #3d4197; color: #595aa3; }
#send {
color: #ffffff;
font-family:"Arial", serif;
display: block;
cursor: pointer;
padding: 5px 11px;
font-size: 1.2em;
border: solid 1px #363636;
border-radius: 5px;
background: #363636;
background: #222222;
background: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#222222));
background: -moz-linear-gradient(top, #444444, #222222);
background: -webkit-linear-gradient(top, #444444, #222222);
background: -o-linear-gradient(top, #444444, #222222);
background: -ms-linear-gradient(top, #444444, #222222);
background: linear-gradient(top, #444444, #222222);
}
#send:hover {
background: #222222;
*background: #151515;
}
#caja{
z-index: 999999;
position: fixed;
right: 0;
display: block;
top: 40%;
width: 100px;
text-align: center;
font-size: 14px;
font-family: 'Open Sans', sans-serif;
background: rgb(235, 216, 77);
padding: 10px;
border: 1px solid gray;
border-radius: 8px 0 0 8px;
color: black;
-moz-box-shadow: 0 0 10px #555;
-webkit-box-shadow: 0 0 10px #555;
box-shadow: 0 0 10px #555;
}
/*END Widget contacto Lateral*/
/*----responsive-design-----*/
@media only screen and (max-width: 1366px) and (min-width: 1280px) {
.wrap{
width:90%;
}
.gallery-grid {
width: 31.3%;
}
}
@media only screen and (max-width: 1280px) and (min-width: 1024px) {
.wrap{
width:90%;
}
.gallery-grid {
width: 31%;
}
.about-histore ul li p {
width: 89%;
}
.service-content ul li span {
width: 6.5%;
font-size: 2.5em;
height: 57px;
}
}
@media only screen and (max-width: 1024px) and (min-width: 768px) {
.wrap{
width:90%;
}
.gallery-grid {
width: 30%;
}
.about-histore ul li p {
width: 87%;
}
.service-content ul li span {
width: 6.5%;
font-size: 2.5em;
height: 95px;
}
.top-nav ul li a {
padding: 31px 15px;
}
.latest-news-info a {
line-height:0em;
}
.button {
width: 41%;
}
.about-sidebar {
width: 27%;
}
.gallery-button a {
width: 43%;
}
}
@media only screen and (max-width: 768px) and (min-width: 640px) {
.wrap{
width:90%;
}
.gallery-grid {
width: 30%;
}
.about-histore ul li p {
width: 87%;
}
.service-content ul li span {
width: 6.5%;
font-size: 2.5em;
height: 95px;
}
.top-nav ul li a {
padding: 31px 5px;
}
.latest-news-info a {
line-height:0em;
}
.button {
width: 17%;
}
.about-sidebar {
width: 27%;
}
.gallery-button a {
width: 43%;
}
.mid-grid {
float: none;
width:100%;
margin: 0 0 1em 0;
}
.about-left {
width: 70%;
float: none;
}
.about-sidebar {
float: none;
width: 100%;
}
.tips-left {
width: 100%;
float: none;
padding-right: 0%;
}
.tips-right {
float: none;
width: 100%;
}
.eq-grid {
float: none;
width: 100%;
margin-right: 0%;
}
.service-content {
float: none;
width: 100%;
}
.services-sidebar {
float: none;
width: 100%;
}
.gallery-grid {
width:100%;
float: none;
margin:0 0 1em 0;
}
#fmtd ul li a {
font-family: 'Open Sans', sans-serif;
text-decoration: none;
color: #FFFFFF;
display: block;
font-size: 0.765em;
padding: 0px 2% 0px 2%;
border-left: 1px solid #555555;
border-right: 1px solid #555555;
}
}
#Formulario{
margin-top: -45px;
padding: 100px;
background-color: #a8c6e8 ;
webkit-box-shadow:inset 0px 1px 10px rgba(0,0,0.5);
-moz-box-shadow:inset 0px 1px 10px rgba(0,0,0.5);
}
#Formulario form{
margin: 0 auto;
}
.campo, textarea {
text-align: left;
font-family: Arial;
padding: 9px;
width: 88%;
border: 0;
margin-top: 5px;
margin.bottom: 5px;
-web-kit-border-radius: 10px;
border-radius: 10px;
background: #eee;
}
.campo:focus, textarea:focus{
background: #FFF;/* con esto le quito el color gris que le di al campo de texto del formulario al darle.*/
outline: none; /* con esto retiro sombeado que da servidor por defecto*/
-webkit-box-shadow: 0 0 10px #d77b12;
box-shadow: 0 0 10px #d77b12; /* con esto hace resplandor*/
}
.boton{
background: #7372760;
padding: 5px 20px;
display: block;
font-family: 'Open Sans', sans-serif;
color: #000;
transition: 0.5s ease;
-o-transition: 0.5s ease;
-webkit-transition: 0.5s ease;
text-transform: uppercase;
font-size: 0.875em;
}
.boton:hover{
background: #000;
color:#fff;
-webkit-transition: background 0.3s ease-out;
}
/* fin formulario*/
.p {
font-family: Arial, Helvetica, sans-serif;
}
/*menu new*/
#fmtd-left{
width: 4px;
height: 33px;
}
#fmtd-right{
width:4px;
height:33px;
float:left;}
#fmtd {
width: auto;
height: 33px;
background-image: url('../images/graphite-menu-bg.png');
background-repeat: repeat-x;
border-bottom: 5px solid #051fe8
}
#fmtd ul {
margin:0px auto;
padding:0px auto;
list-style:none;
width:980px;
}
#fmtd ul li {
float: left;
width: auto;
text-align: center;
}
#fmtd ul li ul {
display:none ;}
#fmtd ul li a {
font-family: 'Open Sans', sans-serif;
text-decoration: none;
color: #FFFFFF;
display: block;
font-size: 15px;
padding: 0px 23px 0px 24px;
font-weight: bold;
}
#fmtd ul li a span {
display:block;
height:33px;
line-height:33px;
background: #7372760;
/*padding: 31px;*/
display: block;
font-family: 'Open Sans', sans-serif;
color: #FFFFFF;
transition: 0.5s ease;
-o-transition: 0.5s ease;
-webkit-transition: 0.5s ease;
text-transform: uppercase;
}
#fmtd ul li a:hover {
color:#b2b9d1;
}
#fmtd ul li.selected {
color:#FFFFFF;
-moz-box-shadow:2px 2px 5px #d6d6d6;
-webkit-box-shadow:2px 2px 5px #d6d6d6;
box-shadow:2px 2px 5px #d6d6d6; }
#fmtd ul li.selected a {
color:#fff;}
#fmtd ul li ul.fmtdDrpDwn, #fmtd ul li ul.fmtdDrpDwn ul {
position:relative;
/*left: 130px;
top: 206px;border: solid 1px #c8c8c8;*/
background-color: rgba(0,0,0,0.6);
color:#fff;
width: auto;
-moz-box-shadow:2px 2px 5px #d6d6d6;
-webkit-box-shadow:2px 2px 5px #d6d6d6;
box-shadow:2px 2px 5px #d6d6d6;
padding:0px;}
#fmtd ul li ul.fmtdDrpDwn li, #fmtd ul li ul.fmtdDrpDwn ul li{
text-align:left;
float:none;
display:block;
width:auto;}
#fmtd ul li ul.fmtdDrpDwn li a {
color:#fff;
display:block;
height:23px;
line-height:23px;
display:block;
text-indent:15px;
width:auto;
font-size:12px;
padding:0px 6px;}
#fmtd ul li ul.fmtdDrpDwn li a:hover {
background:#150bc5;
color:#fff;
/*border:dotted 1px #a8d8eb;*/
width:auto;}
#fmtd ul li ul.fmtdDrpDwn li.selected {
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;}
#fmtd ul li ul.fmtdDrpDwn li.selected > a{
color:#fff;
}
#fmtd ul li ul.fmtdDrpDwn ul {
position:absolute;
left:100%;
top:0px;}
.ban{ background:#3d27d8; padding:12px; text-align:center; font-size:1.2em; color:#fff;}
@-moz-document url-prefix() {
#fmtd ul li a { padding: 0px 26px;}
.mid-grid { margin: 0px 2% 0px 3%;}
.formulario { height: 383px;}
#slideshow img {
float:left;}
}