﻿@font-face { font-family: 'OCR A Extended'; 
	src: url('ocr_a_extended.eot'); 
	src: url('ocr_a_extended.eot?#iefix') format('embedded-opentype'), 
	url('ocr_a_extended.svg#OCR A Extended') format('svg'), 
	url('ocr_a_extended.woff') format('woff'), 
	url('ocr_a_extended.ttf') format('truetype'); 
	font-weight: normal; 
	font-style: normal;}


@font-face { font-family: 'Chalkdust';
	src: url('chalkdust.ttf') format('truetype'); 
	font-weight: normal; 
	font-style: normal;}

@font-face { font-family: 'Chalkduster';
	src: url('chalkduster.ttf') format('truetype'); 
	font-weight: normal; 
	font-style: normal;}

.scrollh {
overflow-x:scroll;
}

#divModoResultados
	{
		display:none;
								
		}
#backdiv
{	 background-size: cover;
	text-align: -webkit-center;
	}
	
.tiza
	{	
		
	font-family: chalkdust;
	color:White;	
}

form
{	
	height:100%;
}
	

label
{
	margin-left:20px;
	
	}

div 
{
	display:block;
	}

span 
{
	font-size: small;
	}

table {
	font-size: small ;
}


p {
	line-height: 1.1em;
}

html, body {
	background-color: #222222;
	font-family:  OCR A Extended;
	font-size: small;
	color: #E5CFA0;
	margin:auto;
	padding:0;
	min-height:300px;
	height:100%;
}


/* 1 HEADER */

.header 
{	
	background-color: #222222;	
	width: auto;
	height: auto;
	min-height: 100px;
	margin-left: auto;
	margin-right: auto;
}


.textoinfo
{
	text-align:justify;
	padding:40px 10% 0% 10%;
	}


.cooltext
{
    Border-Color: #BE7C91;
    Border-Style: solid;
    Border-Width: 1px;
    Height: 15px;
    font-size: 10px; 
    vertical-align: middle; 
    font-family: 'OCR A Extended'; 
    text-align: center;
}


.coollabel
{
    Height: 15px;
    font-size: 10px; 
    vertical-align: middle; 
    font-family: 'OCR A Extended'; 
    text-align: justify;   
}

.menua a:visited, .nav a:visited {
	color: #d32525;
}


.column {
}

.gradient {
	
}

.solid {

}


.page 
{
		
	margin-left: auto;
	margin-right: auto;
		
}


.footerbg {
	background-color: #222222;
	width: auto;
	height: 75px;
	text-align: center;
}


.divSugerencias
{
	width:90%;
	float:right;
	}


.divCategorias
{
	width:90%;
	float:left;
	}

.divFoto
{
	text-align: center;
	
	}
.divFoto img, .divFoto a span
{
	width: 80%;
	height:auto;
 margin-top:20px;
 max-height:135px;
 min-height:110px;
	}

	
.contentcentro table
	{
	 margin-left : auto;
	 margin-right: auto;
	}
	
.colizq
{
	width:20%;
	max-width:200px;
	}
	
.colder
{
	
	width:20%;
	max-width:200px;
	
	}
	
.calendario_buscador
{
	margin-top:9px;
	margin-right: 9px;
	height: 196px;
	overflow:hidden;
	background-color:#71655C;
	padding-top: 20px;
	}
	
.cajas_buscador
{
	float:left;
	text-align:right;
	overflow:visible;
	}

.bgNuez
{	background-color:#71655C;
}

.bgTrans
{	background-color:rgba(32,32,32,0.7);
	padding:5px;
}

.cajas_buscador .inputbox
{
	border:none;
	background-color:#71655C;
	font-size:medium;
	min-width: 230px;
	min-height: 33px;
	vertical-align:middle;
	margin-right:20px;
	font-family: OCR A Extended;
	padding-bottom: 7px;
	}

.coolbox input:hover
{
		cursor:pointer;
		color:BurlyWood;
	}

.coolbox input:focus
{
		cursor:pointer;
		color:BurlyWood;
		background-color: dimgrey;
		border:none;
	}
.coolbox:hover, .coolbox label:hover
{
	cursor:pointer;
	color: #e05252;

}
.coolbox
{    
 
	border-color:#71655C;
	border-style:solid;
    font-size: small;
    vertical-align: middle; 
    font-family: 'OCR A Extended'; 
    text-align: right;
    margin:9px;
    overflow:visible;
}	

.centrado
{
	text-align:center;
	width:100%;
	}
	
.justify
{    
 
	border-color:#71655C;
	border-style:solid;
    font-size: small;
    vertical-align: middle; 
    font-family: 'OCR A Extended'; 
    text-align:justify;
    margin:9px;
    padding:11px;
    overflow:visible;
}	

.justificado
{    
 
    vertical-align: middle; 
    text-align:justify;
    overflow:visible;
}	

	.tdwords
	{
	 max-width:600px;
	 	   padding: 10px;
	 text-align:justify;
		}


@media only screen and (min-width:450px) and (max-width:740px) {

	.tdwords
	{
	 max-width:410px;
		}
		
	.cajas_buscador .coolbox
	{
		min-width:450px;
	}	
	
}	

@media only screen and (min-width:450px) {
	
	#Mapa
		{
		margin-top: 10px !important;
		}
		
	.coolbox
	{    
		height:60px; 
	}
	
	#btnBuscar
	{	
	width:90px;
	vertical-align: middle;
	margin-right:20px;
	margin-left:10px;	
	}
	
}

/*solo cuando la pantalla es mas pequeña de 450 */
@media only screen and (max-width:450px) 
{
	#divModoResultados
	{
		margin-top:40px;
				
		}
	#backdiv
	{
		top:40px;
		position:relative;
		
		}
	.tdwords
	{
	 position:relative;
	 top:40px;
	 max-width:300px;
	   padding: 10px;
	 text-align:justify;
		}
		
	.divFoto img
	{
		
		}
	
	#Mapa
	{
		margin-top: 40px !important;
		}
		
	#btnBuscar
	{	
	
	width: 100%;
	margin-top: 25px;
	
	}
	
	.inputbox
	{
	width:90%;
	}
}

#btnBuscar
{
	cursor:pointer;
	height:32px;
	font-size:medium;
	text-transform:uppercase;
	font-family:OCR A Extended;
	font-weight:bolder;
	color:#71655C;
	border-style:none;
	/*border-color:#FF9900;
	border-width:medium;*/
	background-color:black;	
	}


.iconoptions
{    
	text-align: center;
  	height:50px; 
  	padding-top:10px;
}	

div .inputicon 
{ 
 cursor:pointer;
 margin-right: 6px;
 margin-left: 6px;
 vertical-align:middle;
 text-align:left; 
 width:32px;
 height:32px;
 border-style :solid;
 border-color:#71655C;
 border-width:medium;

}

.inputicon:active
{
	border-color:BurlyWood;
	background-color:BurlyWood;
	}

.inputicon:hover
{
	border-color:#886B5A;
	background-color:#886B5A;
	}

#btnBuscar:hover
{
	color:#886B5A;
	border-color:#886B5A;
	border-style:solid;
	}
#btnBuscar:active
{
	color:#FF9900;

	}

.selicon, .selhover:hover
{
/* IE10 Consumer Preview */ 
	/*background-image: -ms-radial-gradient(center, circle closest-side, #FFE4D0 0%, #71655C 100%);

/* Mozilla Firefox */ 
	/*background-image: -moz-radial-gradient(center, circle closest-side, #FFE4D0 0%, #71655C 100%);

/* Opera */ 
	/*background-image: -o-radial-gradient(center, circle closest-side, #FFE4D0 0%, #71655C 100%);

/* Webkit (Safari/Chrome 10) */ 
	/*background-image: -webkit-gradient(radial, center center, 0, center center, 140, color-stop(0, #FFE4D0), color-stop(1, #71655C));

/* Webkit (Chrome 11+) */ 
	background-image: -webkit-radial-gradient(center, circle closest-side, #FFE4D0 0%, #71655C 100%);

/* W3C Markup, IE10 Release Preview */ 
	/*background-image: radial-gradient(circle closest-side at center, #FFE4D0 0%, #71655C 100%);

/?
	/*border-color:BurlyWood !important;
	/*background-color:BurlyWood !important; */
}

a {
	text-decoration: none;
	cursor:pointer;
	color:Darkorange;
}

a:visited {
	color: Darkorange;
}

a:hover {
	text-decoration: none;
	color: #ffffff;
}

a:active {
	color: cornsilk;
}

 

#msg_cookies 
{	
  max-width: 500px;
  border-radius: 6px;
  text-align: justify;
  padding: 15px;
  background-color: rgba(0,0,0,0.6);	
}

.msgbox 
{	
	border-radius: 6px; 
	position:fixed;
	left: 30%;
	top: 30%;
	margin:auto;	
	text-align: center; 
	padding: 15px; 
	max-width:300px;
	min-width:200px;
	background-color: rgba(0, 0, 0, 0.8)
	
	}

.minibox 
{		
	padding: 20px; 
	width:600px;
	width:600px;
}


	
#nuevousuario
{
	margin-left: auto;
	margin-right: auto;
	max-width: 500px;
	}

#nuevousuario #CabeceraFija
{
	padding:20px;
	
	}

#nuevousuario .login
{
	margin-left:auto;
	margin-right:auto;
	}
#nuevousuario .login td input
{
	margin: 4px;
	}
	
.login td
{
	font-size:x-small;
	}
	
.login td input
{
	font-size:small;
	color:Silver;
	}
	
.darkback
{
	background-color:rgb(58, 51, 41);
	padding-bottom:5px;
    padding-top:5px;
	width: 100%;
	float: left;
}

.textogrande
{
	font-size:x-large;
	}
.textomediano
{
	font-size:medium;
	}
	
.textodestacado
{
	font-size:medium;
	text-align:right;
	}
.textoclaro
{
	color:cornsilk;
	}

.textolargo
{
	color:darkorange;
    text-align:justify;
    font-size:small;
	}

.textopequeño
{
	font-size:smaller;
	}
	
.textomini
{
    text-align:justify;
    top:20px;
	}
	
.padding20
{
	margin:10px;
	padding:10px;
	
	}
.padding20 img
{
	max-width: 50px;
	vertical-align: top;
	margin: 5px;
	}
	
#Mapa{
		height: 240px;
        margin-top: 10px;
		margin-right: 10px;
		margin-left: 10px;
        padding: 10px;
       /*position:fixed;*/
       display:flex;
}

.gm-style-iw div
{
	text-align:center;
	overflow:hidden !important;
	background-color:rgb(58, 51, 41);
	font-family: 'OCR A Extended'; 
	
	}
.gm-style-iw img, .gm-style-iw .itemplato
{
	display:none
		
	}
.anchototal
{
	width:100%;
	}

.onhover:hover {
  background-color:rgba(76, 66, 56, 0.76) ;
}

.fixed {

position:fixed;
}

.hidden {
display:none;
}

.fixedbox
{
	border-radius: 6px; 
	top: 90px; 	
	position:fixed;
	margin:20px;
	width:100%;
	background:rgba(76, 66, 56, 0.76);
	float:left;
	text-align:right;
	overflow:visible;
	
	}



	.porencima
	{
	position:absolute;
	float:right;
	}
	
	.abajo
	{
	max-width:100% !important;
	min-width:100% !important;
	bottom:60px;
	position:absolute;
	text-align: right;
	z-index:99999;
	}	

	
.flex
{
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex; 
	}
	
.inline
{

  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -ms-inline-box;
  display: inline-box;

  display: -webkit-inline-flexbox;
  display: -moz-inline-flexbox;
  display: -ms-inline-flexbox;
  display: inline-flexbox;

  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flex;
  display: inline-flex;
}
	
	
.mensajeconsola
{
min-height: 300px;
  background: darkslateblue;
  padding: 50px;
  font-family:Consolas;
  font-size: 20px;
  margin: 20px;
	}
.naranja {
    color:orange;
}