@CHARSET "UTF-8";
/*
Author: Agustín Acebo Ruiz
*/

/******* GENERAL 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, center,
dl, dt, dd, ol, ul, 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: 100%;*/
	font-size:16px;
	font: inherit;
	font-family: 'Play', sans-serif;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
}

.contenedor{
	/*overflow:hidden;*/
	min-height:100%;
	padding-bottom:5%;
	}
	
.izda{
	float:left;
	width:15%;
	padding-bottom:10000px;
	margin-bottom:-10000px;
	background-color:#AAAAAA;
	color:#FFF;	
	font-size:1em;
	}
	
.dcha{
	float:left;
	width:85%;
	box-sizing:border-box;
	color:#FFF;
	}

.clientes_no_auto{
	display: none !important;
	}
	
#clientes_no_auto:hover .clientes_no_auto {
	display:block !important;
	}
		
.cabecera{
	background-color:#FFF;
	color:#0080C0;
	padding-left:10%;
	padding-right:10%;
	padding-top:2%;
	font-size:28px;
	}
.cab_izda{
	float:left;
	width:30%;
	}
.cab_dcha{
	float:right;
	width:70%;	
	background-color:#FFF;
	}
.form{
	background-color:#FFF;
	padding-top:5%;
	font-size:14px;
	color:#FFF;
	padding-left:15%;
	padding-bottom:20%;
	}
.form_opcion{
	background-color:#FFF;
	font-size:14px;
	color:#FFF;
	padding-left:10%;
	padding-bottom:1%;
	}
.form_tabla_importes{
	background-color:#FFF;
	font-size:14px;
	color:#000;
	padding-bottom:5%;
	padding-left:10%;
	}
.foto{
	padding:0px;
	}
h1{
	font-size:0rem;
	color:#F00;
	}
h2{
	font-size:36px;
	}
h3{
	font-size:20px;
	color:#E2E2E2;
	}
h4{
	padding-top:25%;
	padding-left:5%;
	font-size:3.5rem;
	font-family: 'Philosopher', sans-serif;
	}
h5{
	font-size:18px;
	padding-left:5%;
	padding-bottom:5%;
	}
h6{
	font-size:24px;
	padding-left:5%;
	color:#808000;
	}
	
.mh_date_protect{
	/*position:relative;*/
	color:#D4191C;
	}
.mh_date_protect span{
	/*display:none;*/
	color:#1AB360;
	}
.mh_date_protect :hover{
	/*
	display:block;
    position:fixed;
    overflow:hidden;
	*/
	color:#90892A;
	}
		
	
.td_lit{
	text-align:left;
	padding-left:50px;
	color:#15506C;
	}
	
.td_lit_demo{
	text-align:right;
	padding-left:50px;
	color:#15506C;
	}

.td_data{
	padding-left:2px;
	color:#62A742;	
	}
.td_data_demos{
	padding-left:15px;
	color:#2D8DF2;
	font-size:15px;	
	}


.input_text{
	font-size:16px;
	}
	
.td_doc{
	color:#0080FF;
	padding-top:20px;
	padding-left:50px;
	}

.td_doc_toyota_f{
	color:#9C7172;
	padding-top:10px;
	padding-right:2px;
	text-align:right;
    width: 400px;
	}

.td_doc_toyota_f_checks{
	color:#9C7172;
	padding-top:20px;
	padding-left:0px;
	text-align:right;
	}



.table_new{
	padding-top:5px;	
	}
.form_label{
	font-size:18px;
	padding-top:0px;
	padding-bottom:0px;
	color:#0080FF;
	}
.form_cell{
	font-size:20px;
	color:#000;
	}
	
/*  Clases para veh_data_show */
.data_show{
	background-color:#FFF;
	padding-top:2%;
	font-size:14px;
	color:#FFF;
	padding-left:10%;
	padding-bottom:5%;
	}
.literal_celdas{
	text-align:right;
	padding-top:5px;
	padding-bottom:10px;
	}

.literal_celdas_izdas{
	text-align:right;
	padding-top:3px;
	padding-bottom:3px;
	}

.literal_celdas_dchas{
	text-align:left;
	padding-top:5px;
	padding-bottom:10px;
	}

.izda_muestra_categ{
	float:left;
	width:50%;
	}
.dcha_muestra_categ{
	float:right;
	width:50%;
	color:#3F98C9;
	}
.titulo{
	padding-top:3%; 
	padding-left:20%; 
	font-size:26px; 
	color:#8F4C4D;
	}	
.titulo_menu{
	padding-top:3%; 
	/* padding-left:20%; */ 
	font-size:14px;
	color:#000000;
	}	

.cookies{
	width:100%;
	text-align:right;
	padding-right:50px;
	background-color:#C6C6C6;
	color:#FFFFFF;
	font-size:12px;
	padding-top:2px;
	padding-bottom:2px;
	position:fixed;
}
.menu_web_izda{
	float:left;
	width:30%;
	padding-left:100px;
	padding-top:20px;
	text-align:left;	
	}
.menu_web_dcha_2{
	float:right;
	width:0%;
	padding-top:20px;
	text-align:center;
	color:#FFF;
	}
.menu_web_dcha{
	float:right;
	width:70%;
	padding-top:20px;
	text-align:center;
	color:#FFF;
	}
	
#section_subwrap{
	text-align:center;
	padding-bottom:3%;
	padding-top:50px;
	margin-left:1%;
	margin-right:1%;
	}
	
#section_subwrap article{
	display:inline-block;
	width:275px;
	margin-left:3%;
	margin-right:3%;
	}
	
#section_subwrap img:hover{
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);	
	}
	
img.img_scale{
	transition:transform 1s ease-out;
	-moz-transition:-moz-transform 1s ease-out;
	-webkit-transition:-webkit-transform: 1s ease-out;
	}

.tit_img{
	font-size:30px;
	color:#000;
}
.hr_web{
	color:#83F4CC; 
	width:80%; 
	align:center; 
	margin-bottom:35px;
	}
.izda_div_1{
	float:left;
	width:40%;
	text-align:right;
	min-height:420px;
	background-color:#FFF;
	color:#0080C0;
	padding-top:120px;
	}
.dcha_div_1{
	float:right;
	width:60%;	
	min-height:420px;
	background-color:#FFF;
	}
.section_div{
	color:#5E98CD;
	}
	
.efecto_1 div.dos{
	height:0px;
	overflow:hidden;
	width:600px;
	color: transparent;
	transition:all 1s ease-out;
	-moz-transition:all 1s ease-out;
	-webkit-transition:all 1s ease-out;
	}
	
.efecto_1:hover div.dos{
	height:90px;
	width:600px;
	padding-top:2%;
	padding-bottom:2%;
	padding-left:100px;
	background-color:#666666;
	color:#FFF;
	}
	
.uno{
	background-color:#0080C0;
	padding-top:2%;
	padding-bottom:2%;
	padding-left:100px;
	color:408080;
	width:600px;
	margin-bottom:0.8px;
	}

a{
	text-decoration: none;
	padding-left:5px;
	padding-right:5px;
}
a:hover{
	color:#408080;
	/*text-decoration:underline;*/
	}

/* Propiedades enlaces





Fin propiedades enlaces
*/ 
a:link{
	color:#0080FF;
	text-decoration: none
}
a:active{
	color: #0080FF;
	text-decoration: none
}
a:visited{
	color: #0080FF;
	text-decoration: none
}
a:hover{
	color:#808040;
	text-decoration: none
}
/* Pildoras */

#pildoras{
	background-color:#CCC;
	text-align:center;
	padding:20px;
	padding-bottom:65px;	
}

#pildoras div{
	border: 1px solid #CCC;
	display: inline-block;
	padding: 10px;
	margin: 10px;
}


.view {
    width: 400px;
    /*height: 300px;*/
    margin: 10px;
    /*float: left;*/
    border: 10px solid #F00;
    overflow: hidden;
    position: relative;
    text-align: center;
    box-shadow: 1px 1px 2px #e6e6e6;
    cursor: default;
	border-color:#808000;
}
.view .mask, .view .content {
    width: 380px;
    height: 245px;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0
}
.view img {
    display: block;
    position: relative
}
.view h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 17px;
    
	padding-left:90px;
	padding-top:5px;
	padding-bottom:5px;
    background: rgba(0, 0, 0, 0.6);
    /*margin: 90px 0 0 0*/
	margin-top: 20px;
	margin-left:0px;
	margin-right:0px;
}
.view p {
    font-family: Georgia, serif;
    font-style: italic;
    font-size: 16px;
    position: relative;
    color: #fff;
    padding: 10px 40px 40px;
    text-align: center
}
.view a.info {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    background: #000;
    color: #fff;
    text-transform: uppercase;
    box-shadow: 0 0 1px #000
}
.view a.info:hover {
    box-shadow: 0 0 5px #000
}
.view-first img { 
    transition: all 0.2s linear;
	color:#808000;
}
.view-first .mask {
    opacity: 0;
    background-color: rgba(219,127,8, 0.7); 
    transition: all 0.4s ease-in-out;
}
.view-first h2 {
    transform: translateY(-100px);
    opacity: 0;
    transition: all 0.2s ease-in-out;
}
.view-first p { 
    transform: translateY(100px);
    opacity: 0;
    transition: all 0.2s linear;
}
.view-first a.info{
    opacity: 0;
    transition: all 0.2s ease-in-out;
}
.view-first:hover img { 
    transform: scale(1.1);
} 
.view-first:hover .mask { 
    opacity: 1;
}
.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
    opacity: 1;
    transform: translateY(0px);
}
.view-first:hover p {
    transition-delay: 0.1s;
}
.view-first:hover a.info {
    transition-delay: 0.2s;
}

/* Fin Pildoras */





/* Menu */
  /* el menú en si mismo */
  .mi-menu  {
    /*border-radius: 5px;*/
    list-style-type: none;
    /*margin: 0 auto; /* si queremos centrarlo*/ 
    /*padding: 0;*/
    /* la altura y su ancho dependerán de los textos */
    height: 40px; 
    width: 100%;
	padding-left:300px;
	background-color:#FFF;
    /* el color de fondo */
    /*background: #FFF;
    background: -moz-linear-gradient(#0080C0,#222);
    background: -webkit-linear-gradient(#0080C0,#222);
    background: -o-linear-gradient(#0080C0,#222);
    background: -ms-linear-gradient(#0080C0,#222);
    background: linear-gradient(#0080C0,#222);*/
  }

  /* si es necesario, evitamos que Blogger de problemas con los saltos de línea cuando escribimos el HTML */
  /*.mi-menu  br { display:none; }*/

  /* cada item del menu */
  .mi-menu  li {
    display: block;
    float: left; /* la lista se ve horizontal */
    height: 40px;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;	
  }
 
  .mi-menu li a {
    /*border-left: 1px solid #000;
    border-right: 1px solid #666;*/
	
	/* Aqui va el color de la fuente del menu */
    /*color:#408080;*/
    display: block;
    font-size: 16px;
    line-height: 26px;
    padding: 0 14px;
    margin: 6px 0;
    text-decoration: none;
	
	/*background-color:#FFF;*/
	/*opacity:0.9;*/
    /* animamos el cambio de color de los textos */
    /*-webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    -ms-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;*/
  }
  /* eliminamos los bordes del primer y el último */
  /*.mi-menu li:first-child a { border-left: none; }
  .mi-menu li:last-child a{ border-right: none; }*/
  /* efecto hover cambia el color */
  /*.mi-menu li:hover > a { color: Crimson; }*/

  /* los submenús */
  .mi-menu ul {
    /*border-radius: 0 0 5px 5px;*/
    left: 0;
    margin: 0;
    opacity: 0; /* no son visibles */
    position: absolute;
    top: 40px; /* se ubican debajo del enlace principal */

    /* el color de fondo */
    /*background: #222;
    background: -moz-linear-gradient(#222,#555);
    background: -webkit-linear-gradient(#22,#555);
    background: -o-linear-gradient(#222,#555);
    background: -ms-linear-gradient(#222,#555);
    background: linear-gradient(#222,#555);*/
	
    /* animamos su visibildiad */
	/*
    -moz-transition: opacity .25s ease .1s;
    -webkit-transition: opacity .25s ease .1s;
    -o-transition: opacity .25s ease .1s;
    -ms-transition: opacity .25s ease .1s;
    transition: opacity .25s ease .1s;*/
  }
  /* son visibes al poner el cursor encima */
  .mi-menu li:hover > ul { 
  	opacity: 1;
	/*color:#FFF;*/
	/*background-color:#FFF;*/
	}

   /* cada un ode los items de los submenús */
 	  
	  
  .mi-menu ul li {
    height: 0; /* no son visibles */
    overflow: hidden;
    padding: 0;
    /* animamos su visibildiad */
	
    /*-moz-transition: height .25s ease .1s;
    -webkit-transition: height .25s ease .1s;
    -o-transition: height .25s ease .1s;
    -ms-transition: height .25s ease .1s;
    transition: height .25s ease .1s;*/
  }
  .mi-menu li:hover > ul li {
    height: 36px; /* los mostramos */
    overflow: visible;
    padding: 0;
  }
  .mi-menu ul li a {
    /*border: none;*/
	/*Color del borde de la opcion del menu*/
    /*border-bottom: 1px solid #F00;*/
    margin: 0;
    /* el ancho dependerá de los textos a utilizar */
    padding: 5px 0px;
    width: 170px;
  }
  
  .mano{
	cursor:pointer;
	}
  /* el último n otiene un borde */
  /*.mi-menu ul li:last-child a { border: none; }*/



/* Fin de menu */



.boton_01 {
box-shadow: inset 3px 3px 3px rgba(255,255,255,.7), inset -2px -2px 3px rgba(0,0,0,.1), 2px 2px 10px rgba(0,0,0,.1);
border: 1px solid #9b9bff; /* Borde */
text-shadow: -1px -1px rgba(0,0,0,.2);  /* Sombra del texto */
border-radius: 5px;  /* Bordes redondos */
display:inline;
background-color:#DBDBDB; 
width:180px; 
/*border:1px solid #000000; */
text-align:center;
color:#2B84C4;  /* Color del texto */
}
/*
.boton1:active /* Al presionarse el botón  {
text-shadow: 1px 1px rgba(0,0,0,.3);  /* Sombra del texto 
background:#3d3dff;  /* Fondo más oscuro que el original 
box-shadow:inset 4px 4px 4px rgba(0,0,0,.3), inset -3px -3px 3px rgba(255,255,255,.2);
}
*/



/* Media queries */

@media (max-width: 1024px) {
	
.menu_web_dcha{
	width:0;
	height:0;
	max-height:0;

	}
.menu_web_dcha_2{
	float:right;
	width:70%;
	padding-top:0px;
	}
.menu_web_izda{
	float:left;
	width:30%;
	padding-left:0px;
	padding-top:10px;
	text-align:left;	
	}
.mi-menu  {
    list-style-type: none;
    height: 10px; 
    width: 100%;
	padding-left:70%;
	background-color:#FFF;
  }
	
}