/*
Theme Name: Expresos de Guerrero
Theme URI: http://girovisual.com/
Description: Tema para expresos de Guerrero
Author: Maquetación Marcos Estrella
Version: 0.5
*/
/* Apply a natural box layout model to all elements: http://paulirish.com/2012/box-sizing-border-box-ftw/ */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.chromeframe {position: absolute; top: 0;}
/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/
/* A Linux- and Windows-friendly sans-serif font stack: http://prospects.mhurrell.co.uk/post/updating-the-helvetica-font-stack */
body {font: 13px;
font-family: 'Open Sans', sans-serif;
background-color: #e7e8e9;
}
/* Using local fonts? Check out Font Squirrel's webfont generator: http://www.fontsquirrel.com/tools/webfont-generator */
/* We like off-black for text. */
body, select, input, textarea {color: #333;}
a {color: #03f;}
a:hover {color: #69f;}
/* Custom text-selection colors (remove any text shadows: http://twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;}
/* j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700;}
ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}
/* Mozilla dosen't style place holders by default */
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }
/* And here begins the WordPress fun.
-------------------------------------------------------------------------------*/
.navbar-default {
background-color: #0a0733;
border-color: #ddb107;
}
.colorazul{
background-color: #0a0733;
}
.navbar-default .navbar-nav > li > a {
color: white;
text-transform: uppercase;
}
.navbar-fixed-top {
border-width: 0 0 3px;
top: 0;
}
#owl-carousel .item img{
display: block;
width: 100%;
height: auto;
}
#owl-carousel {
margin-top: 160px;
}
.logo{
margin-bottom: -53px;
}
.logodos{
margin-top: -92px;
float: right;
margin-bottom: -50px;
}
h1, .h1{
font-weight: 700;
color: #626264;
font-size: 19px;
}
h2, .h2{
font-weight: 700;
margin-bottom: 15px;
}
h3, .h3{
font-weight: 700;
margin-top: 25px;
font-size: 19px;
}
.texto, .link{
color: #626264;
}
.link{
font-weight: 700;
font-size: 12px;
}
.link a{
color: #626264;
}
.ff a{
color: white;
}
.ff{
padding-top: 20px;
text-align: center;
color: white;
background-image: url('img/footer.png');
background-repeat: no-repeat;
background-position: center 26px;
padding-bottom: 145px;
}
footer{
text-align: center;
color: white;
}
.antef{
border-top-width: 3px;
border-top-color: #ddb107;
border-top-style: solid;
}
.owl-theme .owl-controls .owl-page span {
background: #0a0733 none repeat scroll 0 0;
}
.margin30{
margin-top: 30px;
}
.margint60{
margin-top: 160px;
}
.colorc{
color: #626264;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
background-color: transparent;
color: #ddb107;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
color: #ddb107;
background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
color: #ddb107;
background-color: transparent;
}
.navbar-right .dropdown-menu {
left: 0;
right: 0;
}
.dropdown-menu > li > a {
text-align: center;
}
.dropdown-menu > li > a {
text-transform: uppercase;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
background-color: #6aa5d3;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
background:rgba(106,165,211,0.75);
color: white;
}
.dropdown-menu {
padding: 0px 0;
border-radius: 0px;
background-color: transparent;
}
.dropdown-menu li{
background:rgba(221,177,7,0.75);
margin-bottom: 5px;
}
.dropdown-menu li a{
padding-bottom: 12px;
padding-top: 12px;
}
.entry ul{
list-style-type: unset;
list-style-position: inside;
}
#menu-item-42{
margin-bottom: 0px;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #ddb107;
}
.butt a{
background: #ffffff;
background-image: -webkit-linear-gradient(top, #ffffff, #ddb207);
background-image: -moz-linear-gradient(top, #ffffff, #ddb207);
background-image: -ms-linear-gradient(top, #ffffff, #ddb207);
background-image: -o-linear-gradient(top, #ffffff, #ddb207);
background-image: linear-gradient(to bottom, #ffffff, #ddb207);
-webkit-border-radius: 8;
-moz-border-radius: 8;
border-radius: 8px;
text-shadow: 0px 0px 3px #ffffff;
-webkit-box-shadow: 5px 4px 3px #666666;
-moz-box-shadow: 5px 4px 3px #666666;
box-shadow: 5px 4px 3px #666666;
color: #0a0733;
padding: 5px 20px 5px 20px;
text-decoration: none;
float: right;
font-weight: 700;
letter-spacing: 2px;
font-style: italic;
}
.butt a:hover{
background: #ddb207;
text-decoration: none;
}
.margint600{
margin-top: 60px;
}
.arriba{
}
.ji{
margin-top: 40px;
top: -211px;
position: relative;
margin-bottom: -211px;
}
.dropdown-menu > li > a {
padding-left: 5px;
padding-right: 5px;
}
#menu-item-52{
margin-bottom: 0px;
}
.celda{
}
.dist{
width: 100px;
}
span.wpcf7-form-control-wrap {
display: inline !important;
}
.wpcf7-textarea, .wpcf7-text, .wpcf7-select {
border-color: #a9aaac;
border-radius: 17px;
border-style: solid;
border-width: 1px;
box-shadow: none;
padding: 4px 8px;
width: 100%;
}
.form-horizontal .control-label {
padding-top: 3px;
text-align: left;
}
label {
font-weight: normal;
}
.llink a{
color: black;
}
.wpcf7-submit{
float: right;
margin-top: -28px;
}
.google-maps {
margin-top: 10px;
position: relative;
padding-bottom: 75%; // This is the aspect ratio
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.contdos{
margin-bottom: 100px;
}
.textocon a{
color: #333;
}
.link2 a {
color: #626264;
font-size: 15px;
letter-spacing: 2px;
font-weight: 700;
}
.link2 {
margin-top: 15px;
}
.jf{
margin-bottom: 50px;
}
.pagi {
font-size: 18px;
margin-bottom: 35px;
margin-top: 35px;
text-align: center;
}
.pagi span {
color: #0a0733;
font-weight: 700;
}
.page-numbers {
color: #a7a6a6;
}
.pagi a:hover {
color: #0a0733;
}
.texto{
margin-bottom: 10px;
}
/* Print styles!
-------------------------------------------------------------------------------*/
@media print {
}
/* Media queries!
-------------------------------------------------------------------------------*/
/* Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/
@media screen and (max-device-width: 480px) {
}
@media all and (orientation: portrait) {
}
@media all and (orientation: landscape) {
} */
@media (max-width: 768px) {
.ji {
margin-bottom: 0px;
margin-top: 0px;
position: static;
}
.dropdown-menu li {
background: transparent;
margin-bottom: 0px;
}
.dropdown-menu > li > a {
text-align: left;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
background-color: transparent;
color: #ddb107;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
color: #ddb107;
background-color: transparent;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: white;
}
}
@media (min-width: 768px) {
}
@media (max-width: 992px) {
.logodos {
display: none;
}
.logo {
margin-bottom: -33px;
}
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}
@media (max-width: 1200px) {
.col-md-offset-1 {
margin-left: 0%;
}
}