/* CSS file v1.0.5b*/
body {
background-color : #fff;
margin : 0;
padding:0;
color: #333;
font-family: "Open Sans", Cambria, Calibri, sans-serif;
font-size: 14px;
line-height: 20px;
}
html {
  box-sizing: border-box;
}
.top-design {
background: rgba(118, 77, 26,0.85) url(../img/patternTopbar.png) repeat;
border-bottom: 1px solid #533615;
width: 100%;
padding: 5px 0;
position: fixed;
left: 0;
top: 0;
z-index: 100;
border-top: 0;
height: 33px;
line-height: 0;
animation-name: drop;
animation-fill-mode: both;
animation-duration: .5s;
-webkit-animation-name: drop;
-webkit-animation-fill-mode: both;
-webkit-animation-duration: .5s;
margin: 0;
}
@keyframes drop{
	0% {transform: translateY(-500px);}
	100% {transform: translateY(0);}
}
@-webkit-keyframes drop{	
	0% {-webkit-transform: translateY(-500px);}
	100% {-webkit-transform: translateY(0);}
}
.top-center {
max-width: 932px;
margin: 0 auto;
font: 17px/17px "Cambria", "Calibri", "Palatino Linotype", sans-serif;
padding: 0;
position: relative;
}
/*Phone*/
div.phone {
margin: 0;
padding: 0;
height: 33px;
position: absolute;
top: 0;
right: 91px;
}
div.phone > p {
margin: 8px 0 0 26px;
padding: 0;
}
div.phone p a{
color: white;
text-decoration: none;
margin: 0;
padding: 0;
}
.phone p a:hover{
text-decoration: underline;
text-shadow: 0 0 8px #fff;
}

/*Redes sociales*/
div.fndredes{
float: right;
margin: 0;
padding: 0;
height: 29px;
}
div.fndredes img{
max-width: none;
border: 0;
}
div.aredes img.twitter{margin: 4px 0 0 -76px;padding: 0;}
div.aredes img.facebook{margin: 0 0 0 5px;padding: 0;}
div.aredes img.feed{margin: 3px 0 0 -50px;padding: 0;}
div.aredes img.whatsapp{margin: 0 0 0 -33px;padding: 0;}
div.aredes{
display: block;
margin: 3px 5px 0 0;
padding: 0;
float:left;
}
div.aredes a.social{
border: 1px solid #fff;
border-radius: 50%;
display: block;
height: 27px;
width: 27px;
overflow: hidden;
margin: 0 0 0 5px;
float: left;
transition: all .2s ease-in;
opacity: 1;
padding: 0;
}
div.aredes a.whtspp{
border: none !important;
border-radius: 0 !important;
height: 29px !important;
width: 29px !important;
}
div.aredes a.social:hover{
opacity: 0.7;
filter: Alpha(opacity=70);
transform: scale(1.2);
-ms-transform: scale(1.2);
-webkit-transform: scale(1.2);
transition: all .2s ease-in;
cursor: pointer;
}
div.aredes a.fb:hover{background-color: #0c81d4;}

/*Logo and menu*/
div#top{
-webkit-animation: .5s .25s fade backwards ease-out;
animation: .5s .25s fade backwards ease-out;
width: 100%;
margin: 0;
padding: 0;
background-color: #A2733D;
position: relative;
}
@-webkit-keyframes fade {
 	from {
	-webkit-transform:translateY(.25em);
	opacity:0;
 	}
}
@keyframes fade {
 	from {
	transform:translateY(.25em);
	opacity:0;
 	}
}
div.logo{
float: left;
margin: 50px 0 25px 173px;
width: 312px;
height: 156px
}
div.logo img{border: 0;}
div.taxi-description{
float: right;
margin: 100px 14% 10px 0;
width: 340px;
font-weight: bold;
text-align:center;
}
div.taxi-description h1{
font-size: 25px;
line-height: 30px;
margin:0;
letter-spacing: 1px;
}
span.whitetext{
color: #fff;
}
div.taxi-description p {
 overflow: hidden;
 text-align: center;
 margin: 0;
 font-size: 13px;
 letter-spacing: 5px;
 font-weight: bold;
}
div.taxi-description p:before,
div.taxi-description p:after {
 background-color: #ccc;
 content: "";
 display: inline-block;
 height: 2px;
 position: relative;
 vertical-align: middle;
 width: 63px;
}
div.taxi-description p:before {
 right: .5em;
 margin-left: -50%;
}
div.taxi-description p:after {
 left: 0.5em;
 margin-right: -50%;
}
p.tabular{text-indent: 60px;}
p.cuadro-llamativo{
border: 1px solid #090d5a;
padding: 10px;
background-color: #fcdcb5;
text-indent: 50px;
}

.bar-nav{padding:0;margin:0;float:left;}
.bar-nav ul {padding: 0;margin: 0 0 0 5px;background-color: #936021;width: 240px;clear:both;}
.bar-nav ul li {list-style-type:none;display:block;padding:0;float:left;width:100%;background-color: #936021;border-right: 1px solid #493014;border-top: 1px solid #493014;}
.bar-nav ul li a {
color : #fff;
padding: 14px 0;
float: left;
transition: all 0.4s ease-in;
width: 100%;
text-align: left;
text-decoration: none;

text-transform: uppercase;
font-size: 14px;
border-radius:0;
text-indent: 15px;
letter-spacing: 2px;
}
li.bottom-border{
	border-bottom: 1px solid #493014;
}

.bar-nav a:hover {
box-shadow: inset 0 0 20px rgba(0,0,0,.5);
background-color: #493014;
color : #fff;
-webkit-transition: all 0.1s ease-in;
-moz-transition: all 0.1s ease-in;
-ms-transition: all 0.1s ease-in;
-o-transition: all 0.1s ease-in;
transition: all 0.1s ease-in;
opacity: 0.85;
filter: Alpha(opacity=80);
border-left: 5px solid #0b436a;
text-decoration: underline;
font-weight: bold;
text-shadow: none;
border: 0;
}

.show-menu {display:block;}
/*#menu{display: none;}
#show-menu:checked ~ #menu{display: block;}*/

#menu {
  display: block;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height .25s ease, opacity .2s ease;
}

#show-menu:checked ~ #menu {
  max-height: 300px;
  opacity: 1;
  transition-delay: .12s;
}

.show-menu {
color: #fff;
background: #533615;
text-align: center;
padding: 6px 0;
width: 90px;
border: 1px solid #fff;
opacity: 0.8;
filter: Alpha(opacity=80);
line-height: 19px;
font-size: 14px;
margin: 0 0 0 5px;
}
.show-menu:hover{
-webkit-transition: all 0.1s ease-in;
-moz-transition: all 0.1s ease-in;
-ms-transition: all 0.1s ease-in;
-o-transition: all 0.1s ease-in;
transition: all 0.1s ease-in;
background: #271b0e;
text-decoration: none;
opacity: 0.8;
filter: Alpha(opacity=80);
cursor: pointer;
}


/*Icono menu*/
span.icon-menu{
height: 20px;
width: 30px;
display: block;
float: left;
margin: 0 0 0 6px;
position: relative;
}
span.icon-menu span{
display: block;
position: absolute;
height: 4px;
width: 100%;
background: #fff;
border-radius: 8px;
opacity: 1;
left: 0;
}
span.icon-menu span:nth-child(1) {
top: 0px;
}
span.icon-menu span:nth-child(2) {
top: 8px;
}
span.icon-menu span:nth-child(3) {
top: 16px;
}
span.x-letter {
float: right;
margin: 0 9px 0 0;
color: #5B3C17;
background-color: white;
border-radius: 50%;
padding: 0px;
width: 18px;
height: 18px;
font: bold 15px/19px "Arial";
}

#show-menu{display: none;}

div.main-foto-furgoneta{
margin: 0 auto;
padding: 0;
text-align: center;
position: relative;
background-color: #493315;
}
div.main-foto-furgoneta img{
border:0;
display: block;
margin: 0 auto;
}

#backtop{
display: none;
position: fixed;
width: 40px;
height: 40px;
right: 15px;
bottom: 15px;
cursor: pointer;
background: rgba(113, 78, 32, 0.9) url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAABIklEQVRoge3WsSsGcRwG8PdFkpSIMhgURUlSkoGBxcTCIoNiMxqNJskkk81mMlksFBIpJeLP+VhuQHGH371v6vsZ7373PM9Nd5VKCCGEEEIIIZQArVir945fQRsucIW9eu/5EbTjGquo4hAHqNZ7Wy504hbL765VsZ+9SEM9930L3bjH4hf3d3GExlpvy4UePGA+59w2jtFUq2250ItHzBU8v4UTNJe9rciYPjxh9ofPbeIULWVtKzJiAM+Y/uXzGzhDa+ptRcqH8ILJP+as4xxtqbYVKR3BK8YT5a3gEu0p8vLKxrLxo4lzl3CDjpS5n0smsvHDJeUv4A5dZYRPZeMHk4d/7JnLPoY9qYN30J809OuumX/7FxtCCCGEEEIIRb0B9kobhYu6aW8AAAAASUVORK5CYII=') no-repeat center center;
border-radius: 50%;
border: none;
z-index: 1;
}
#backtop:hover{
background-color: #cc964c;
transition: all 0.5s ease 0s;
text-decoration: underline;
box-shadow: 0px 0px 10px 3px #666;
transform: rotateZ(-360deg);
}
div.eslogan{
background: #000 url(../img/blackPattern.png) repeat;
height: 120px;
width: 100%;
padding: 10px 0 0;
margin: 0;
font: bold 15px/95px "Open Sans","Calibri",sans-serif;
text-align: center;
border-top: 1px solid #aaa;
}
div.eslogan h2{
display: inline;
color: #e6e6e6;
opacity: 0.8;
}

.maincontent{
width: 100%;
margin: 0;
padding: 0;
text-align: center;
}
div.foto-description {
position: absolute;
bottom: 0;
right: 0;
width: 40%;
background: rgba(0,0,0,0.3);
color: white;
text-align: left;
padding: 10px;
border-top: 3px solid #888;
border-radius: 20px 0 0 0;
}
.iconpicture{
background: #221f2e url(../img/iconTaxi.png) no-repeat 0px 0px;
height: 70px;
width: 70px;
margin: 0 auto;
 margin-top: 0px;
border: 3px solid #51462e;
border-radius: 16px;
padding: 10px;
margin-top: -46px;
display: inline-block;
box-shadow: 0 0 5px rgba(230, 230, 230, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 1px 0 0 rgba(255, 255, 255, 0.5), inset -1px 1px 0 rgba(255, 255, 255, 0.5);
}

.servicios-taxi, .caracteristicas-taxi, .contacto-taxi, .aviso-legal{
width: 100%;
font: normal 16px/23px "Open Sans", "Calibri", sans-serif;
margin: 45px 0 0;
}
.servicios-taxi,.contacto-taxi{
	background: #f2d9b9 url(../img/roadPattern.webp) fixed;
}
.aviso-legal {
	background-color: #f2d9b9;
}
.servicios-taxi p, .contacto-taxi p, .aviso-legal p{
text-align: justify;margin: 10px 10%;
}
.servicios-taxi ul, .caracteristicas-taxi > ul, .contacto-taxi ul, .aviso-legal ul{
	margin: 10px 20% 25px;
}
.boldN{
font-weight: bold;
}
.caracteristicas-taxi > ul > li:before, .contacto-taxi li:before, .aviso-legal li:before {
	background: url(../img/bullet.png) no-repeat 0px 0px;
	width:24px;
	height:24px;
	display:block;
	position:absolute;
	content: " ";
	top:5px;
	left:-33px;
}
.caracteristicas-taxi li, .contacto-taxi li, .aviso-legal li{
	padding: 5px 0;
	list-style: none;
	margin: 0;
	text-align: left;
	position: relative;
}
/* img inline aviso-legal. width and height fixed*/
.inline-img {
	height: 1em;
	width: auto;
	vertical-align: middle;
}
/*bullet li li*/
ul.caracteristicas-2nd-bullet{
	margin: 5px 4px;
}
.caracteristicas-2nd-bullet li:before {
	background: url(../img/bullet.png) no-repeat 0px 0px;
	background-size: contain;
	width:15px;
	height:15px;
	display:block;
	position:absolute;
	content: " ";
	top:10px;
	left:-26px;
}

p.tab{
text-indent: 20px;
}
p.letra1:first-letter{
float:left;
border:1px solid #999;
font-size:55px;
padding:2px;
margin-right: 5px;
line-height: 55px;
}
.clearboth{
clear: both;
}

div.servicios-taxi h2, .contacto-taxi h2, .aviso-legal h2{
font-size: 25px;
margin: 0 0 15px 0px;
background-color: #775427;
padding: 10px 0;
color: #fff;
text-shadow: 0 1px 0 #363636;
}
div.caracteristicas-taxi h2{
font-size: 25px;
margin: 0 0 15px 0px;
background-color: #fff;
padding: 10px 0;
color: #775427;
text-shadow: 0 1px 0 #c69355;	
}
img {max-width: 100%;}

/*Prefooter*/
div.pre-footer{
background-color: #0c7ccb;
margin: 0;
padding: 35px 0;
font-size: 20px;
color: #fff;
clear: both;
}
div.footer{
float: left;
margin: 0;
padding: 0;
}
.footer h3 {
font-size: 18px;
font-weight: bold;
margin: 0 20px 20px;
}
.footer.three h3{margin-left:0;}
.footer p {
color: #eee;
line-height: 2em;
font-size: 14px;
margin: 0 20px;
}
.footer p.authora{
float: right;
font-size: 13px;
font-style: italic;
margin: 0 20px;
}
div.footer.one{width: 40%;}
div.aredes a.fb2, div.aredes a.in2{
display: block;
float: left;
line-height: 29px;
font-size: 14px;
margin-left: 9px;
text-decoration: none;
color: #eee;
}
div.aredes a.fb2:hover, div.aredes a.in2:hover,.footer.three ul li a:hover{
color: white;
font-weight: bold;
}
.footer.three ul{
margin: 0;
padding:0;
}
.footer.three ul li {
list-style-type: none;
display: block;
color: #eee;
font-size: 14px;
line-height: 2.5em;
}
.footer.three ul li a{
color: #eee;
text-decoration: none;
padding: 1px 0 1px 35px;
display: block;
height: 32px;
}
.footer.three ul li span {
display: block;
}
div.footer.two{
width: 32%;
height: 115px;
}
div.footer.three{
width:28%;
}
div.phone, a.linkphone{
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAACGklEQVR42q2WMUgbURjHv2tMq4KUgg4ZM7iIKIJOvaFEB0FFahE6KVqog0MppNJMyaxZFJd2cBC0DmYRh1AhXYJCQSdxcs+iQ4W2sUm9/j/f9+hL7i7kLj74kbvHve/3vnvvexeLPJrjOPzTCX6Z/ZZlUdBWM0IC+z/cisAj+ATYABVgg6swEj9BCsTBS9ANsuBDmGxMAV9rC8/2HJyBd+AGjIFTEAF/wwjuB4JJcACqYB2MgiHpm5YxThhBmwR9DXal+0ICp+R+WLJAfMsJKtAZzIAc+A065PoWfJeMQq/BI/zcye0PUnXA0hPw3DUwhMDs5wXuk2vOYPahBDqLLbBAqgZ+ghFwGSRwwwyKxWLCtu08qW37GGyD+ZYyMCWJRIIKhcJXUnv/j2TFi5/3EuhxXlIvgS64MQnIAt5Nx6QWW+82szB9M3MpWVIqlSgWi/HtPngFyqAdrIA1oGuG2xNS27h5gdH6QQE8k9ly0Dfgi4hZdgSWyKfCGwn0q1gGmzLLKKmdtSdj56R/SkSuLDy3gsfR/Qm8lWAReUV8lA+AF6Sq3BZ5jaThXjNEvMg7pI7vskiuRfwedIGPYDWsQLdvMmNHxvIm4KN8kVQh9v6PbzlhBCSvij8+ccmEq74HfAaHgTKolySTScpm+eNGT8E4GCR1fOfqxzUt0BIekE6nKZPJmKduXUz3NyLw3wSj2qPyiqoIXPF7/h/4/bwZ4XLmRQAAAABJRU5ErkJggg==') no-repeat 3px center;
}

.copy-rights {
padding: 20px;
background: #775427;
}
.copy-left {float: left;}
.copy-right {float: right;}
p.footer-gd {
color: #fff;
font-size: 14px;
}
.copy-right ul{padding: 0;}
.copy-right ul li {
list-style-type: none;
display: inline-block;
margin: 0;
border-left: 1px solid #ddd;
padding: 0 12px;
}
.copy-right ul li:nth-child(1) {
border: none;
}
.copy-right ul li a {
color: #fff;
font-size: 13px;
text-decoration: none;
}
.copy-right ul li a:hover{
color: #2ea2f1;
}

div.disponible-24h{
border: 3px solid #eee;
color: #fff;
width: 120px;
padding: 5px;
text-align: center;
border-radius: 13px;
}
div.disponible-24h-absolute{
transform: rotate(-7deg);
position: absolute;
top: 77px;
right: 44%;
}
div.disponible-24h span{
	width: 100%;
	display: block;
	margin: 2px 0;
	font-weight: bold;
	font-size: 15px;
}

span.disponible-autotaxi{
	border-top: 3px solid #ddd; 
	border-bottom: 3px solid #ddd;
	font-size: 18px !important;
	padding: 3px 0; 
}
.centerdiv{margin: 0 auto;}

img.pull-center{
	margin: 0 auto;
	display:block;
	box-shadow: 0px 0px 1px #060606;
}
div.google-maps{
	margin: 0;
}
div.google-maps iframe {
    max-width: 96% !important;
    display: block;
    margin: 0 auto;
    border: 5px solid #775427 !important;
    box-shadow: 1px 1px 2px #9c9c9c;
}

p.img-copyright{
color: #999;
font-size: 13px;
font-style: italic;
border-top: 1px solid #999;
margin-top: 50px;
border-bottom: 1px solid #999;
padding: 5px 0;
}
.browncomment {
	background-color: #fff;
	margin: 0;
	font-size: 20px;
	line-height: 24px;
	color: #775427;
	text-align: center;
}
.browncomment p {
	padding: 60px 15px;
	margin: 0;
	position: relative;
}
.browncomment p::after {
	content: "\201D";
	font-family: Georgia, serif;
	font-size: 60px;
	font-weight: bold;
	color: #999;
	line-height: 60px;
	position: absolute;
	right: 164px;
bottom: 27px;
}
.browncomment p::before {
	content: "\201C";
	font-family: Georgia, serif;
	font-size: 60px;
	font-weight: bold;
	color: #999;
	line-height: 60px;
	position: absolute;
	left: 167px;
	top: 34px;
}
span.bolN{font-weight: bold;}

/*Servicios box*/
div.srvbox {
	border: 1px solid #C0BAA3;
	background-color: #EEF1E5;
	max-width: 740px;
	margin: 25px auto;
	padding: 10px 7px 10px 7px;
}
div.srvbox span.line-bottom{
	display: block;
	height: 0px;
	margin: 0 25%;
	padding: 0;
	border-bottom: 2px solid;
	font-size: 0;
}
.srvbox-right {
	width: 48%;
	float: right;
}
.srvbox-left {
	width: 48%;
	float: left;
}

div.srvbox-right h3, div.srvbox-left h3{
	line-height: 28px;
	font-size: 21px;
	margin-bottom: 7px;
}
img.imgfloatleft{
	float: left;
	margin: 10px 20px 10px 0;
}
ul.ulbullet li{
	background: url(../img/bullet.png) no-repeat left 5px;
	padding: 4px 0px 5px 30px;
	list-style: none;
	margin: 0;
}

div.valhtml5css3{
	height: 70px;
	text-align: center;
	padding-top: 20px;
	background-color: #f2d9b9;
}
div.valhtml5css3 a{
	font-size:0;
	padding:0;
	margin: 0 5px;
}
div.valhtml5css3 a img{
	border: 0;
}
div.clearfix{clear: both;}
img.img-borde{
border: 1px solid #cdcdcd;
box-shadow: 4px 4px 0px #aba;
background-color: #fdfdfd;
padding: 14px;
}


/*Responsive Styles*/
@media screen and (max-width : 1200px){
div.taxi-description {margin: 10px 0 25px 163px;clear: both;float:left;}
div.disponible-24h-absolute {top: 103px;right: 190px;}
.browncomment p::after {right: 20px;bottom: 0px;}
.browncomment p::before {left: 20px;top: 15px;}
}
@media screen and (max-width : 970px){
div.copy-left, div.copy-right{float: none;}
div.copy-rights{text-align: center;}
}
@media screen and (max-width : 880px){
div.taxi-description {margin: 18px auto 20px;float: none;display:none;}
div.logo {float: none;margin: 0 auto;max-width: 100%;}
div.disponible-24h-absolute {position: static;margin: 20px auto;}
.footer.three ul li a, .footer.two ul li a{display: inline;}
.footer.three h3{margin-left:20px;}
div.aredes2{margin: 0 auto;}
div#top{padding: 50px 0 20px 0;}
}
@media screen and (max-width : 760px){	
div.srvbox-left, div.srvbox-right{float:none;width: auto;}
div.srvbox {max-width: 90%;}
div.foto-description h2{display:none;}
.hide-on-mobile{display:none;}
.servicios-taxi ul, .caracteristicas-taxi > ul, .contacto-taxi ul {margin: 10px 10% 25px;}
ul.caracteristicas-2nd-bullet {margin: 5px 0;}
}
@media screen and (max-width : 550px) {
div.copy-right ul li{float: none;display:block;border:none;}
div.copy-right ul li a{text-decoration: underline;line-height: 25px;}
.servicios-taxi ul, .caracteristicas-taxi > ul, .contacto-taxi ul {margin: 10px 5% 25px;}
}
@media screen and (max-width : 450px) {
div.foto-description{width:90%;padding:5px;}
div.foto-description p{font-size:13px;margin:0;}
}
@media screen and (max-width : 340px) {
div.email{margin-left: 10px;}
}
@media screen and (max-width : 316px) {
div.foto-description{display:none;}
}