/* ---------------contenedor general que se centra en la pagina ----------------- */ .contenedor { width:100%; max-width:930px; margin:0 auto; } /* --------------- listado de apartados de una empresa ----------------- */ nav.apart { width: 100%; float: left; } .apartados { width:100%; margin-top: 20px; } .apartados li a { display: block; padding: 12px 0 12px 15px; font-size: 15px; text-shadow: 1px 1px 1px #fff; border: 1px solid #ddd; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */ background: linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */ box-shadow: -1px 4px 5px rgba(0, 0, 0, 0.1); font-family: 'Fjalla One',sans-serif; text-transform: uppercase; text-decoration: none; border-radius: 5px 0 0 5px; color: rgb(210, 35, 42); } .apartados li a:hover{ color: rgb(100, 100, 100); background: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(201,201,201,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(201,201,201,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(201,201,201,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(201,201,201,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(201,201,201,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(201,201,201,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c9c9c9',GradientType=0 ); /* IE6-9 */ } .current_secc{ background: none repeat scroll 0 0 rgb(210, 35, 42) !important; box-shadow: 0 0 5px rgba(0, 0, 0, 0.7) inset !important; color: #FFFFFF !important; text-shadow: 1px 1px 1px #000000 !important; } .apartados li a:active{ background: rgb(210, 35, 42); color: rgb(255,255,255); box-shadow:0 0 5px rgba(0, 0, 0, 0.7) inset !important; text-shadow: 1px 1px 1px rgba(0,0,0,1); } .apartados li a.current-demo, .apartados li a.current-demo:hover{ background: #f6f6f6; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */ } section.contenedordatos { background: rgba(255,255,255,1); width:80%; float: left; border-radius: 5px 5px 5px 5px; box-shadow: -1px 4px 20px rgba(0, 0, 0, 0.2); margin-left: -1px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ padding: 20px; min-height:700px; position:relative; } h1 { color: rgb(0,0,0); font-size: 33px; font-weight: 700; letter-spacing: -1px; line-height: 1em; font-family:Playfair Display,serif; font-weight:400; margin-bottom:20px } input, textarea { padding: 9px; border: solid 1px rgb(205, 205, 205); outline: 0; font: normal 13px/100% Verdana, Tahoma, sans-serif; width: 72%; color: rgba(0,0,0,.4); box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; border-radius: 5px; margin: 5px 0 0; } textarea { width: 100%; height: 150px; line-height: 150%; } .max507 { max-width: 507px; } .inputform2 { width:150px; } label, .etiqueta, .etiqueta2, .etiqueta3, .etiqueta4, .etiqueta5 { color: rgba(0,0,0,.5); font-family: 'Trebuchet MS', sans-serif; display:inline-block; font-size:16px; } .opinstal, .opform { width:50%; } .etiqueta { width: 27% } .etiqueta2 { } .etiqueta3 { display: block; } .etiqueta4 { } .etiqueta5 { vertical-align: top; margin-top: 10px; width: 27% } .envio { width:auto; } .campocheck { width:17px; height:17px; } .colform1 { width:100%; } .colform2 { border-radius:5px; background:rgba(255,255,255,1); padding:10px 20px; border: 1px solid rgb(205, 205, 205); box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1) inset; margin-top:5px; width:100%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .colform3 { float:left; border-radius:5px; background:rgba(255,255,255,1); padding:20px; border: 1px solid rgb(229, 229, 229); box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1) inset; margin-top:30px; width:390px; } div.colform3+div.colform3 { margin-left: 35px; } .linea { color:rgba(0,0,0,.3); margin-bottom:10px; } .subirfichero { width:250px; float: left; margin:5px 0 25px 0; } .subirfichero input, .logoempresa input { width: auto; } .logoempresa img { border: 1px solid rgba(0, 0, 0, 0.3); float: left; margin: 0 20px 20px 0; max-height: 100px; max-width: 200px; min-width: 70px; padding: 10px; } .imagempresa { background: none repeat scroll 0 0 rgb(150, 150, 150); border: 5px solid rgb(255, 255, 255); box-shadow: 0 2px 6px rgba(150, 150, 150, 0.9); height: 180px; margin-bottom: 14px; width: 280px; } .styled-select { background: white; font-size: 16px; line-height: 1; border: 0; height: 39px; border: 1px solid rgb(229, 229, 229); border-radius: 5px 5px 5px 5px; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1) inset; color: rgba(0, 0, 0, 0.4); font: 13px/100% Verdana,Tahoma,sans-serif; margin: 5px 0px 0; outline: 0 none; padding: 9px; width: 120px; -webkit-appearance: none; } .logotipo-autoescuela { float:left; width: 20%; } .logoauto { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3); border: 2px solid rgba(0, 0, 0, 0.1); width: 100%; } .logoauto > img { width: 100%; } h1.nombreauto, h1.otrostit { font-family: Fjalla One, sans-serif; font-size: 36px; color:rgb(210,35,42); margin-bottom: 10px; width:540px; } h1.otrostit { font-size: 27px; margin: 7px 0 3px; padding:0 0 9px; } h2.subtitauto { color: rgba(0,0,0,.8); font-family: "Trebuchet MS", arial, helvetica, sans-serif !important; font-size: 25px; font-weight: 700; line-height: 30px; margin-bottom: 5px; } .textodatosgen { font-size: 13px; margin-top:5px; line-height:17px; } .cabedatosauto { overflow: hidden; border-bottom: 1px solid rgba(0,0,0,.3) } .conten-contacta { float: right; width: 150px; } .contacta-ficha { float: right; line-height:18px; margin: 0; padding:10px; text-align: center; width: 150px; } .direauto { font-size:12px; margin-top: 5px; } .separador { color:rgb(210,35,42); } .mapaauto { } .mapaauto img { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; background: none repeat scroll 0 0 rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0, 0.3); box-shadow: 0 8px 10px -5px rgba(100, 100, 100, 0.5); height: 300px; margin: 30px 0 0; padding: 8px; width: 100%; } .todovaloraciones { text-decoration: none; width: 120px; } .todovaloracioneslist { position: absolute; right: 10px; text-decoration: none; top: -3px; } .contenvalor, .contensex, .contenedad { background: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */ border-bottom: 3px solid white; border-left: 3px solid white; border-radius: 5px; border-right: 3px solid white; box-shadow: 0 5px 16px rgba(0, 0, 0, 0.25), 0 0 3px rgba(0, 0, 0, 0.19); float: left; margin: 40px 0 5px; width: 330px; padding:10px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .contenedad { margin-top:8px; } .contenvalorlist { background: -webkit-gradient(linear, 0 0, 0 100%, from(rgb(169, 3, 41)), color-stop(0.44, rgb(143, 2, 34)), to(rgb(109, 0, 25))); background: -webkit-linear-gradient(rgb(169, 3, 41) 0%, rgb(143, 2, 34) 44%, rgb(109, 0, 25) 100%); background: -moz-linear-gradient(rgb(169, 3, 41) 0%, rgb(143, 2, 34) 44%, rgb(109, 0, 25) 100%); background: -o-linear-gradient(rgb(169, 3, 41) 0%, rgb(143, 2, 34) 44%, rgb(109, 0, 25) 100%); background: linear-gradient(rgb(169, 3, 41) 0%, rgb(143, 2, 34) 44%, rgb(109, 0, 25) 100%) repeat scroll 0 0 transparent; border-bottom: 1px solid white; border-left: 1px solid white; border-radius: 0 0 5px 5px; border-right: 1px solid white; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1), 0 3px 3px rgba(0, 0, 0, 0.1); height: 45px; width: 40px; } .valorglobal, .valorsex, .valoredad { background:rgb(210,35,42); padding: 10px; border-radius: 5px; overflow: hidden; display: block; } .valorsex, .valoredad { margin-bottom:20px; } .notaglobal { background: none repeat scroll 0 0 rgb(70, 70, 70); float: right; height: 54px; margin: -10px -10px -18px 0; padding: 8px 0; width: 35%; } .valoracion { color: rgb(255, 255, 255); float: left; font-family: fjalla one,sans-serif; font-size: 25px; font-weight: normal; line-height: 25px; width: 65%; } .valsex, .valedad { float:none; font-size:21px; width:100%; } .valoracionlist { color: white; font-size: 8px; font-weight: bold; line-height: 15px; text-align: center; text-shadow: 0 2px 0 black; } .notavalor { color: white; font-size: 33px; font-weight: bold; line-height: 34px; text-align: center; text-shadow: 0 2px 0 black; } .notavalorlist { color: white; font-size: 20px; font-weight: bold; line-height: 12px; text-align: center; text-shadow: 0 2px 0 black; } .contenestrellas { margin: -13px 0 0 14px; width: 75px; } .contenestrellaslist { margin: -16px 0 0 3px; width: 35px; } .estrellas { overflow: hidden; } .contenopiniones { } .opiniones { color: rgba(0, 0, 0, 0.6); display: block; font-size: 11px; text-decoration: none; line-height: 30px; margin-bottom: 10px; text-align: center } .opinioneslist { color: rgba(0, 0, 0, 0.6); font-size: 11px; margin-left: 15px; text-decoration: none; } .opiniones span, .opinioneslist span { font-size: 13px; font-weight: bold; } .opiniones:hover, .opinioneslist:hover { color: rgba(200, 0, 0, 0.8); } .valorparticular .unavalor:first-child { border-top: 1px solid rgba(0,0,0,.2); } .valorparticular .unavalor { font-size: 13px; font-family: Fjalla One, sans-serif; padding: 7px 0 7px 7px; border-bottom: 1px solid rgba(0,0,0,.2); } li.unavalor:nth-child(even){ background: rgba(200,200,200,.7) } li.unavalor:nth-child(odd){ background: rgba(200,200,200,.4) } .notapart { float: right; text-align:right; } .valnum { float: right; font-family: Trebuchet Ms,sans-serif; font-weight: bold; margin-left: 8px; width: 35px; } /*------------------------------ MENU ACORDEON PARA LAS OPCIONES DE FILTRADO ----------------------------*/ /*------------------------------ MENU ACORDEON PARA LAS OPCIONES DE FILTRADO ----------------------------*/ /*------------------------------ MENU ACORDEON PARA LAS OPCIONES DE FILTRADO ----------------------------*/ /*------------------------------ MENU ACORDEON PARA LAS OPCIONES DE FILTRADO ----------------------------*/ /*------------------------------ MENU ACORDEON PARA LAS OPCIONES DE FILTRADO ----------------------------*/ /*------------------------------ MENU ACORDEON PARA LAS OPCIONES DE FILTRADO ----------------------------*/ a { text-decoration: none; } .acordeonmenu { font-size: 0.8125em; } .acordeonmenu > li > a { background-color: rgb(114, 122, 134); background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */ background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */ background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */ background: linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */ border-radius: 5px; border: 1px solid #ddd; box-shadow: -1px 4px 5px rgba(0, 0, 0, 0.1); color: rgb(210, 35, 42); display: block; font-family: 'Fjalla One',sans-serif; font-size: 1.2em; height: 2.5em; line-height: 2.5em; margin-top: 5px; position: relative; text-decoration: none; text-indent: 1em; text-shadow: 1px 1px 1px #fff; text-transform: uppercase; } .acordeonmenu > li > a:hover, .acordeonmenu > li > a.active{ color: rgb(255,255,255); background: rgb(215,35,46); /* Old browsers */ background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(215,35,46)),to(rgb(170,35,46))); background-image: -webkit-linear-gradient(top, rgb(215,35,46), rgb(170,35,46)); background-image: -moz-linear-gradient(top, rgb(215,35,46), rgb(170,35,46)); background-image: -o-linear-gradient(top, rgb(215,35,46), rgb(170,35,46)); background-image: -ms-linear-gradient(top, rgb(215,35,46), rgb(170,35,46)); background-image: linear-gradient(top, rgb(215,35,46), rgb(170,35,46)); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#45c7eb', EndColorStr='#2698db'); text-shadow: 1px 1px 1px rgb(0,0,0); } .acordeonmenu > li > a.active:hover{ color: rgb(255,255,255); background: rgb(180,35,46); /* Old browsers */ background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(180,35,46)),to(rgb(140,35,46))); background-image: -webkit-linear-gradient(top, rgb(180,35,46), rgb(140,35,46)); background-image: -moz-linear-gradient(top, rgb(180,35,46), rgb(140,35,46)); background-image: -o-linear-gradient(top, rgb(180,35,46), rgb(140,35,46)); background-image: -ms-linear-gradient(top, rgb(180,35,46), rgb(140,35,46)); background-image: linear-gradient(top, rgb(180,35,46), rgb(140,35,46)); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#45c7eb', EndColorStr='#2698db'); text-shadow: 1px 1px 1px rgb(0,0,0); } .acordeonmenu li a:hover{ color: rgb(215,35,46); background: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(201,201,201,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(201,201,201,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(201,201,201,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(201,201,201,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(201,201,201,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(201,201,201,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c9c9c9',GradientType=0 ); /* IE6-9 */ text-shadow:1px 1px 1px rgb(255,255,255); } .current_secc{ background: none repeat scroll 0 0 rgb(210, 35, 42) !important; box-shadow: 0 0 5px rgba(0, 0, 0, 0.7) inset !important; color: #FFFFFF !important; text-shadow: 1px 1px 1px #000000 !important; } .acordeonmenu li a:active{ background: rgb(210,210,210) !important; } .acordeonmenu_current{ background: rgb(210,210,210) !important; } .acordeonmenu li a.current-demo, .acordeonmenu li a.current-demo:hover{ background: #f6f6f6; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */ } .acordeonmenu ul li a { background: #fff; border-bottom: 1px solid #efeff0; width: 100%; height: 2.5em; line-height: 2.5em; text-indent: 1em; display: block; position: relative; font-family: Arial, helvetica, sans-serif; font-size: 0.923em; font-weight: 400; color: #878d95; } .acordeonmenu > li > ul li:hover a { background:rgb(230,230,230); color: rgb(30,30,30); } /*------------------------------ ESTILOS PARA LOS PANELES DE PRECIOS ----------------------------*/ /*------------------------------ ESTILOS PARA LOS PANELES DE PRECIOS ----------------------------*/ /*------------------------------ ESTILOS PARA LOS PANELES DE PRECIOS ----------------------------*/ /*------------------------------ ESTILOS PARA LOS PANELES DE PRECIOS ----------------------------*/ /*------------------------------ ESTILOS PARA LOS PANELES DE PRECIOS ----------------------------*/ /*------------------------------ ESTILOS PARA LOS PANELES DE PRECIOS ----------------------------*/ .unpermiso, .uncurso { float: left; margin: 5px 15px 10px 0; cursor:pointer; } .descripermiso, .descripcurso { width: 153px; height: 156px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; /* prevents bg color from leaking outside the border */ background-color: #fff; /* layer fill content */ -moz-box-shadow: 0 1px 1px rgba(0,0,0,.18), 0 0 0 1px rgba(0,0,0,.04); /* drop shadow and outer glow */ -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.18), 0 0 0 1px rgba(0,0,0,.04); /* drop shadow and outer glow */ box-shadow: 0 1px 1px rgba(0,0,0,.18), 0 0 0 1px rgba(0,0,0,.04); /* drop shadow and outer glow */ border: 1px solid rgb(221, 221, 221); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .descripermiso h4 { font-family: Trebuchet MS, Fjalla One,sans-serif; font-size: 35px; text-align: center; color: rgb(170, 170, 170); margin:5px 0 0 0; } .descripermiso p.imagen { text-align: center; padding-top: 5px; } .descripermiso div.precios, .descripermiso div.datos_validez { background-color: rgb(240,240,240); /* layer fill content */ -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,.08); /* inner shadow */ -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,.08); /* inner shadow */ box-shadow: inset 0 1px 0 rgba(0,0,0,.08); /* inner shadow */ background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDMyNiA3MiIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSItMS40MjEwODU0NzE1MjAyZS0xNCUiPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmIiBzdG9wLW9wYWNpdHk9IjAuNSIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjMyNiIgaGVpZ2h0PSI3MiIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); /* gradient overlay */ background-image: -moz-linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,.5) 100%); /* gradient overlay */ background-image: -o-linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,.5) 100%); /* gradient overlay */ background-image: -webkit-linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,.5) 100%); /* gradient overlay */ background-image: linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,.5) 100%); /* gradient overlay */ font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 24px; color:rgb(130,130,130); width: 50%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-right: 1px solid rgba(0,0,0,.1); position: relative; } .descripermiso div.datos_validez { width:100%; font-weight:bold; font-size:11px; float:none; text-align:center; border-right:none; } .descripermiso div.datos_validez p { font-weight:normal; -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.08); /* inner shadow */ -moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,.08); /* inner shadow */ box-shadow: inset 0 -1px 0 rgba(0,0,0,.08); /* inner shadow */ line-height:22px; } .descripermiso div.datos_validez p span { font-weight:normal; } p.titulprecio { line-height: 25px; font-size: 8px; text-align: center; -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.08); /* inner shadow */ -moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,.08); /* inner shadow */ box-shadow: inset 0 -1px 0 rgba(0,0,0,.08); /* inner shadow */ } p.preciocurso, p.fecha_validez { line-height: 40px; font-size: 25px; text-align: center; font-family: Fjalla One, sans-serif; color: rgba(0, 0, 0, 0.5); } p.titul_validez, p.fecha_validez { font-size: 10px; line-height: 18px; } p.euromini { position:absolute; font-size: 18px; color:rgba(0,0,0,.2); bottom:2px; right: 5px; } a.contratar { width: 160px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; /* border radius */ background-color: rgba(0,0,0,.19); /* layer fill content */ -moz-box-shadow: 0 1px 0 rgba(255,255,255,.25), inset 0 1px 1px rgba(0,0,0,.16), inset 0 0 0 1px rgba(0,0,0,.1); /* drop shadow, inner shadow and inner glow */ -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.25), inset 0 1px 1px rgba(0,0,0,.16), inset 0 0 0 1px rgba(0,0,0,.1); /* drop shadow, inner shadow and inner glow */ box-shadow: 0 1px 0 rgba(255,255,255,.25), inset 0 1px 1px rgba(0,0,0,.16), inset 0 0 0 1px rgba(0,0,0,.1); /* drop shadow, inner shadow and inner glow */ background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.1) 0%, rgba(255,255,255,.1) 100%); /* gradient overlay */ background-image: -o-linear-gradient(bottom, rgba(0,0,0,.1) 0%, rgba(255,255,255,.1) 100%); /* gradient overlay */ background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.1) 0%, rgba(255,255,255,.1) 100%); /* gradient overlay */ background-image: linear-gradient(bottom, rgba(0,0,0,.1) 0%, rgba(255,255,255,.1) 100%); /* gradient overlay */ color: #fff; /* text color */ font-family: Fjalla One, sans-serif; font-size: 14px; text-shadow: 0 1px 1px rgba(0,0,0,.5); /* drop shadow */ display: block; line-height: 25px; text-align: center; text-decoration: none; } a.contratar:hover { background-color: rgba(0,0,0,.3); /* layer fill content */ -moz-box-shadow: 0 1px 0 rgba(255,255,255,.25), inset 0 1px 1px rgba(0,0,0,.16), inset 0 0 0 1px rgba(0,0,0,.1); /* drop shadow, inner shadow and inner glow */ -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.25), inset 0 1px 1px rgba(0,0,0,.16), inset 0 0 0 1px rgba(0,0,0,.1); /* drop shadow, inner shadow and inner glow */ box-shadow: 0 1px 0 rgba(255,255,255,.25), inset 0 1px 1px rgba(0,0,0,.16), inset 0 0 0 1px rgba(0,0,0,.1); /* drop shadow, inner shadow and inner glow */ background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.3) 0%, rgba(255,255,255,.1) 100%); /* gradient overlay */ background-image: -o-linear-gradient(bottom, rgba(0,0,0,.3) 0%, rgba(255,255,255,.1) 100%); /* gradient overlay */ background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.3) 0%, rgba(255,255,255,.1) 100%); /* gradient overlay */ background-image: linear-gradient(bottom, rgba(0,0,0,.3) 0%, rgba(255,255,255,.1) 100%); /* gradient overlay */ } a.contratar:active { background: none repeat scroll 0 0 rgb(210, 35, 42); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5) inset; } /*------------------------------ ESTILOS PARA LOS PANELES DE CURSOS ----------------------------*/ /*------------------------------ ESTILOS PARA LOS PANELES DE CURSOS ----------------------------*/ /*------------------------------ ESTILOS PARA LOS PANELES DE CURSOS ----------------------------*/ /*------------------------------ ESTILOS PARA LOS PANELES DE CURSOS ----------------------------*/ /*------------------------------ ESTILOS PARA LOS PANELES DE CURSOS ----------------------------*/ .descripcurso { width:335px; } /*------------------------------ ESTILOS PARA LAS FICHAS VISIBLES DE PROFESOR Y ALUMNO ----------------------------*/ /*------------------------------ ESTILOS PARA LAS FICHAS VISIBLES DE PROFESOR Y ALUMNO ----------------------------*/ /*------------------------------ ESTILOS PARA LAS FICHAS VISIBLES DE PROFESOR Y ALUMNO ----------------------------*/ /*------------------------------ ESTILOS PARA LAS FICHAS VISIBLES DE PROFESOR Y ALUMNO ----------------------------*/ /* CAMPO QUE SALE AL PRINCIPIO DE LA FICHA DE ALUMNO O PROFESOR Y NOS DICE SI ES UN ALUMNO O UN PROFESOR */ p.alumn-prof { font-size: 20px; margin-bottom: 7px; } /* DIRECCION, LOCALIDAD, C.P. ... EN LA FICHA VISISBLE */ .diralumnprof, .subtitfichavis { color: rgba(0,0,0, 0.7); font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; font-size: 18px; font-weight: normal; line-height: 24px; margin-bottom: 5px; } .subtitfichavis { color: rgba(0,0,0, .7); } .diralumnprof span, .subtitfichavis span { font-weight: bold; color: rgba(0,0,0, 1); } .subtitfichavis span { line-height: 24px; margin-bottom: 5px; color: rgba(0,0,0, 1); } .linktexto2 { word-wrap:break-word; color: rgba(0,0,0,.7) } /* CUADRO IMPARTE QUE VA EN EL TITULAR DE PERMISOS, CURSOS, ETC... */ .imparte { background: rgba(0, 0, 0, 0.15); color: rgba(0, 0, 0, 0.3); float: right; font-size: 12px; text-align: center; width: 215px; margin-right: 20px; } .subapartficha { border-bottom: 1px solid rgba(200, 0, 0, 0.4); color: rgba(200, 0, 0, 0.7); font-size: 20px; font-weight: bold; text-transform: uppercase; line-height:23px; margin-bottom: 10px; } /* MENSAJE DE AVISO DE QUE NO HAY NADA EN EL APARTADO QUE SE SOLICITA */ .mensajeficha { background: rgb(240, 240, 240); border: 1px solid rgb(200, 0, 0); border-radius: 5px; color: rgb(200, 0, 0); font-size: 15px; line-height: 20px; margin: 90px auto 0; padding: 15px; text-align: center; text-transform: uppercase; width:300px; } .contenmapaficha { background: none repeat scroll 0 0 rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0, 0.3); box-shadow: 0 8px 10px -5px rgba(100, 100, 100, 0.5); padding: 8px; height: 500px; } .mapa-centros-asociados { width:100%; height:100%; } .conten-tipo-transporte { float: right; font-size: 12px; text-transform: uppercase; box-shadow: 2px 2px 5px #999; border-radius:5px; } .tipo-transporte { border:2px solid #DDDDDD; float:left; padding:6px; text-align:center; width:100px; } .tipo-transporte-prim { border-radius:5px 0 0 5px; } .tipo-transporte-ult { border-radius:0 5px 5px 0; } .opc-user-ficha { width: 180px; text-align: center; margin: 0; float:left; line-height:18px; padding:20px 0 } .linkint { background:rgb(230,230,230); padding: 10px; border:none; font-size: 18px; line-height: 24px; } .linkint:nth-child(even) { background:rgb(245,245,245) } .linkint:hover { background:rgb(200,200,200); } label.etiqueta4 { font-size: 18px; line-height: 24px; } @media (max-width: 768px) { .logotipo-autoescuela { float:none; margin:0 auto 15px; width: 30%; } section.contenedordatos { width:100%; } h1.nombreauto, h1.otrostit { width: 100%; } .cabedatosauto { padding-bottom: 10px; } .conten-contacta { width: 100%; margin-bottom:25px; } .contacta-ficha { width: 100%; padding: 20px 0; } .conten-tipo-transporte { width: 100%; margin-bottom: 10px; } .tipo-transporte { width:33.33%; } .opc-user-ficha { width: 100%; } .unpermiso { width: 48%; margin-right: 1%; margin-left: 1%; } .descripermiso { width: 100%; height: 150px; } .descripermiso p.imagen img { max-height: 33px; max-width: 100%; } nav.apart { display: none; } }