@charset "UTF-8";
/*RESET*/
* { margin:0px; padding:0px;}
a { text-decoration:none;}
li { list-style:none;}

/* COLORES:     azul oscuro: #05293D; azul menu: #23A0BF; azul claro: #2DDDF5, amarillo: #e7c311; rojo texto: #DF0000; */
/* PARA AÑADIR BORDE AL TEXTO: -webkit-text-stroke: 1px black;*/


body{ background:url(../images/fondo-experiencia-coche2.jpg) no-repeat fixed #FFF; background-size: cover;
        -moz-background-size: cover;
        -webkit-background-size: cover;
        -o-background-size: cover; font-family:"Arial", Helvetica, sans-serif; font-size:14px; color:#000;}

@media print {
body { background-image: none; }
header {width:100%; height:auto; }
.logoheader img { width:70%; height:auto; margin-bottom:20px; }
h1 { display:none; }
}
		
header {width:1079px; height:110px; margin:0 auto; text-align:right; color:#000; font-weight:bold; font-size:19px; padding-right:155px;}
.logoheader { position:absolute; width:900px; padding-left:130px; margin-top:30px; }

h1{font-size: 20px; font-family: "Arial Black", Gadget, sans-serif; text-align: center; text-shadow: 2px 2px 4px #FF0000; }
header h1 { margin-left:40px;  }

h2{ font-size:26px; font-family:"Arial Black", Gadget, sans-serif; margin-bottom:5px; text-align:center; text-shadow: 6px 2px 4px #FF0000;  }
h3{ font-size:20px; font-family:"Arial Black", Gadget, sans-serif; font-style:italic; color: #000; margin-bottom:5px; text-align:center }
h4{ font-size:20px; font-family:"Arial Black", Gadget, sans-serif; font-style:italic; color: #DF0000; text-align:center; }
h4 a { color: #DF0000; }
h5{ font-size:50px; text-align:right; font-family:"Arial Black", Gadget, sans-serif; font-style:italic; color:rgba(255,255,0,1); margin-right:30px; -webkit-text-stroke: 2px black;	 }
br { line-height:250%; }

p { margin:10px 5px; line-height:150%; }
p a { color:#FF0; }
p ul li a { color:#FF0; }

.azulresalte { font-weight:bold; color:#23A0BF; }
.rojo { font-size:17px; font-weight:bold; color:#000; text-align:right; font-weight:bold; }
.rojo14 { font-weight:bold; color:#DF0000; }


.redesheader { margin-bottom:15px; padding-top:10px;}
.emailheader { font-weight:bold; font-style:italic; margin-top:10px; } 

nav { width:100%; height:40px; background-color: rgba(0,0,0,1); font-size:19px; font-style:italic; border-top: rgba(255,0,0,1) solid 2px; border-bottom:rgba(255,0,0,1) solid 2px; text-align:center; }
nav ul { width:960px; margin:0 auto;}
nav ul li { float:left; height:40px; border-right:#FFF solid 1px; }

nav ul li a{ display:block; color:#FFF; height:30px; padding-top:10px;}
nav ul li a:hover{ background-color: rgba(255,0,0,1); color:#05293D;}
nav ul li a.btn2 { width:90px; border-left:#FFF solid 1px; }
nav ul li a.btn3 { width:100px; }
nav ul li a.btn4 { width:140px; }
nav ul li a.btn5 { width:135px; }
nav ul li a.btn6 { width:200px; }

.contenido { width:960px;  margin:0 auto; margin-top:15px; text-align:justify; }
.contenido img { border:5px solid rgba(0,0,0,0); border-radius:50px;}
.contenido table { display:block;}
.contenido table tr td { margin-right:45px;}
.contenido table tr td a:hover { text-decoration:underline; }
.btn7 { width:280px; height:26px; margin-left:40px; margin-bottom:5px; background-color:rgba(255,255,255,1); color:rgba(0,0,0,1); border-radius: 10px; text-align:center; font-size:16px; padding-top:4px; font-weight:bold; }
a:hover .btn7 { background-color:rgba(255,0,0,1); text-decoration:underline;  }
.contenido table tr td img { border-radius:30px; border: 5px solid #000; margin-left:35px; margin-bottom:10px; margin-top:0px; }
.img3 { margin-left:20%; }


section { width:710px; float:left; }
section a { color:#FFF; text-decoration:underline; }
section a:hover { color:#FF0;  }
section li:last-child { margin-bottom:10px; }

.btn8 { padding:15px; background-color:rgba(255,255,255,1); color:rgba(0,0,0,1); border-radius: 10px; text-align:center; font-size:16px; padding-top:14px; font-weight:bold; }
.btn8:hover { background-color:rgba(255,0,0,1);}

.dentro { list-style-type: square; font-size:14px; font-weight:normal; margin-left:30px; margin-right:10px; line-height:15px; }
.dentro a{ color:#000; }

aside { width:246px; float:left; text-align:center; color:#000;}

.colaboradores2 { display:block; text-align:center; background-color:#FFF; width:246px; margin:0 auto; border-radius:10px; }
.colaboradores2 img {  margin-right:20px; border-radius:20px;}

.btn1 { display:block; background-color:#000; width:100%; height:26px; text-align:left; font-size:16px; padding-top:8px; font-weight:bold; color:rgba(255,255,255,1) }

.rojo .btn { background-color:#DF0000; border-radius:10px; font-family:"Arial", Helvetica, sans-serif; font-size:14px; text-align:center; margin:0px 5px; font-weight:bold; color:#05293D; padding:5px; }
.rojo .btn:hover { background-color:#2DDDF5; }
hr { width:80%; margin:0 auto; border:3px solid #23A0BF; border-radius: 300px/10px; }


footer { display:inline-table; width:100%; height:100px; margin-top:10px; background-color:#000; border-top:rgba(255,0,0,1) solid 2px; border-bottom:rgba(255,0,0,1) solid 2px; text-align:center; color:rgba(255,255,255,1);}
footer ul { font-size:12px; margin:0 auto; margin-top:10px; }
footer ul li {display:inline-block; }
footer ul li a {color:#FFF; }
footer ul li a:hover {color:#F00; }

footer p { padding-top:5px; }
.infocontacto { font-size:16px; font-weight:bold; font-style:italic; }
.copy { font-size:16px; font-style:italic; color:#F00	; font-weight:bold; }

#barraaceptacion{position:fixed;right:0;bottom:0;width:100%;height:60px;text-align:center;background-color:rgba(0,0,0,0.5);color:#fff;z-index:99999}.inner{width:100%;font-size:.9em;line-height:1em;position:absolute;text-align:center;top:10%}.inner p{text-align:center}.inner a.ok{margin-right:50px}.inner a.ok,.inner a.info{text-decoration:none;color:#f3cf3e}.inner a.ok:hover,.inner a.info:hover{text-decoration:none;color:#676769}



@media screen and (min-width:1260px) {
header {
	width: 1260px;
	margin: 0 auto;
}
.logoheader a img{
	width: 80%;
	height:auto;
	float:left;
}
h1 {
	text-align: center;
	font-size: 20px;
	line-height: 1em;
	float: left;
	width: 100%;
}
.address {
	float: right;
	width: 44%;
}
.footer {
	width: 1260px
}
#barraaceptacion {
	height: 80px
}
}

@media screen and (min-width:1024px) and (max-width:1259px) {
header {
	width: 960px;
	height:130px;
	margin: 0 auto;
}
header h1 {
	width:50%
}
.logoheader a img{
	width: 80%;
	height:auto;
	float:left;
}
h1 {
	text-align: center;
	font-size: 16px;
	line-height: 1em;
	float: left;
	width: 100%;
}
.address p {
	float: right;
	line-height:.8em;
}
ul.navprincipal {
	width: 100%;
	text-align: center
}

}

@media screen and (min-width:768px) and (max-width:1023px) {
header {
	width:100%;
	height:110px;
	padding-right:20px;
}
header h1 {
	width:50%
}
.logoheader a img {
	width: 200px;
	height:auto;
	float:left;
}
h1 {
	text-align: center;
	font-size: 14px;
	line-height: 1em;
	width: 100%;
}
.redesheader img{
	width:20px;
	height:20px;
}
address p {
	line-height:.9em;
}
nav {
	width:100%;
	height:30px;
	font-size: 1em;
}
nav ul {
	width:768px;
}
nav ul li { 
	float:left; 
	height:30px; 
}

nav ul li a{ display:block; color:#FFF; height:22px; padding-top:8px;}
nav ul li a.btn2 { width:60px;  }
nav ul li a.btn3 { width:180px; }
nav ul li a.btn4 { width:160px; }
nav ul li a.btn5 { width:150px; }
nav ul li a.btn6 { width:208px; }


#barraaceptacion {
	height:90px;
}
.contenido { width:768px;  margin:0 auto; margin-top:15px; text-align:justify; }
.contenido img { width:525px; height:auto; border:5px solid #23A0BF; border-radius:50px; margin-top:10px;}

section { width:550px; float:left; }
aside { width:200px; float:left; text-align:center; color:#000;}
.colaboradores { display:block; width:200px; text-align:center;  margin:0 auto; border-radius:10px; }
.colaboradores img { width:90%; height:90%; margin-bottom:10px; margin-top:10px; border:none; border-radius:0px;}
.slider { width:200px; text-align:center;  margin:0 auto; border-radius:10px; }
.slider img { width:70%; height:70%; margin-bottom:10px; margin-top:10px; margin-right:40px; }


}

@media screen and (min-width:320px) and (max-width:767px) {
body {
	line-height: 1em;
}
h1, h2, h3, h4, h5, h6 {
	line-height: 1.1em
}
.content {
	width:100%;
}
header {
	width:100%;
	height:90px;
	padding-right:20px;
}
header h1 { 
	margin-left:10px;
	visibility:hidden;
}
.logoheader a img {
	width: 150px;
	height:auto;
}
h1 {
	text-align:center;
	font-size: 12px;
	line-height: 1em;
	width: 100%;
}

h2{ font-size:20px; font-family:"Arial Black", Gadget, sans-serif; font-style:italic; color: #DF0000; margin-bottom:4px; margin-left:15px; }
h3{ font-size:16px; font-family:"Arial Black", Gadget, sans-serif; color: #DF0000; margin-top:10px; margin-bottom:8px; text-align: center;}
h4{ font-size:16px; font-family:"Arial Black", Gadget, sans-serif; font-style:italic; color: #DF0000; text-align:center; }
h5{ font-size:14px; font-family:"Arial Black", Gadget, sans-serif; font-style:italic; margin-bottom: 4px; }

p { margin:8px 5px; line-height:130%; }

.rojo { font-size:14px; font-weight:bold; color:#DF0000; text-align:right; }

.redesheader img{
	width:20px;
	height:20px;
}
address p {
	line-height:.8em;
	font-size:14px;
}
nav {
	width:100%;
	height:60px;
	font-size: .9em;
}
nav ul {
	width:320px;
}
nav ul li { 
	float:left; 
	height:30px; 
}

nav ul li a{ display:block; color:#FFF; height:22px; padding-top:8px;}
nav ul li a.btn2 { width:40px;  }
nav ul li a.btn3 { width:150px; }
nav ul li a.btn4 { width:120px; }
nav ul li a.btn5 { width:120px; }
nav ul li a.btn6 { width:145px; }


#barraaceptacion {
	height:130px;
}
.contenido { width:320px;  margin:0 auto; margin-top:15px; text-align:justify; }
.contenido img { width:320px; height:auto; border:5px solid #23A0BF; border-radius:50px; margin-top:10px;}

section { width:320px; float:left; }
aside { width:320px; float:left; text-align:center; color:#000;}
.colaboradores { display:block; width:320px; text-align:center;  margin:0 auto; border-radius:10px; }
.colaboradores img { width:80%; height:80%; margin-bottom:10px; margin-top:10px; border:none; border-radius:0px;}
.slider { width:320px; text-align:center;  margin:0 auto; border-radius:10px; }
.slider img { width:100%; height:100%; margin-bottom:10px; margin-top:10px; margin-right:40px; }
.contacto { width:320px; }


}