body, html {  width:100%; height: 100%; min-height: 100%;}
body { margin:0px auto; padding:0px; font-family:"Gotham Book"; letter-spacing:0.05em;color:#000; font-size:14px; background-color:#dde1e7}

a, a:hover { text-decoration:none; cursor:pointer; transition:all 0.5s; -webkit-transition: all 0.5s;  }
h1, h2, h3, h4, h5, h6, h7 { font-weight:normal; margin:0px; letter-spacing:-0.05em;}
ul { margin:0px; padding:0px; list-style:none;}
input, textarea { font-size:14px;}
img { border:none;}
.flt { display:inline-block;}
.clear { clear:both;}
.center { text-align:center;}
.top { vertical-align:top;}
.novel{ display:none;}

.azu { color:#00c4ec;}
.ama { color:#ffbb00;}
.ver { color:#45b803;}
.nar { color:#fe624e;}



/* HEADER */

	header { width:calc(100% - 50px); position:fixed;z-index:80; background:#FFF; padding:20px 25px 10px; -webkit-box-shadow: 0px 2px 16px 0px rgba(0,0,0,0.30);-moz-box-shadow: 0px 2px 16px 0px rgba(0,0,0,0.30);box-shadow: 0px 2px 16px 0px rgba(0,0,0,0.30); border-bottom: 1px solid rgba(0,0,0,0.30);}
	#logo {width:305px; height:auto; float:left;}
	#logo img {width: 250px;}
	
	#idiomas { position:absolute; right:25px; top:15px; }
		#idiomas a {background:#999999; padding:4px; color:#FFF; font-size:14px; border:1px solid #999999;}
			#idiomas a:hover, #idiomas a.select { background:#FFF; color:#999999}
	
	#search { position:absolute; right:25px; top:50px;}
		#search input[type=text] { height:16px; padding:2px 30px 2px 10px; width:70px; border:2px solid #999999; color:#999999}
			#search input[type=text]:focus { width:150px;}
		#search input[type=submit] {border:none; width:22px; height:22px; background:url(https://www.prestigeelectriccar.com/img/search.png) no-repeat center center; position:absolute; right:2px; top:0px; cursor:pointer;}
	#menu {float:right;  text-align:right; margin-top:63px;}
		#pull { display:none;}
		.mmenu {max-width:0px; overflow:hidden; transition:all 3s;}
			.mmenu.velom {max-width:1000px;}
		#menu ul { height:20px; overflow:hidden; margin-top:2px;}
			#menu li { display:inline-block; padding:2px 6px 3px;}
				#menu li a { font-weight:bold; text-transform:uppercase; color:#999999; font-size:14px;}
				#menu li a:hover {}
		#pull2 { background-position:0 0;}
			#pull2:hover { background-position:0 -20px;}
		#menu .rd { width:20px; height:20px;  background-image:url(https://www.prestigeelectriccar.com/img/icons2.png);  white-space:nowrap; transition:none; margin:2px 5px;}
			#menu .twi { background-position:-20px 0;}
				#menu .twi:hover { background-position:-20px -20px;}
			#menu .fac { background-position:-40px 0;}
				#menu .fac:hover { background-position:-40px -20px;}
			#menu .gog { background-position:-60px 0;}
				#menu .gog:hover { background-position:-60px -20px;}
	#carga { max-width:0; height:2px; background:#00c4ec; transition:max-width 3s; margin-top:5px;}
		#carga.vamos { max-width:100%;}
section { width:calc(100% - 30px); margin:0px auto; padding-top:150px;}

	#home article, aside article, #mas article { padding:0 10px 20px; float:left; position:relative; z-index:0;}
		 #home article a, aside article a, #mas article a { display:table; width:100%; height:100%;position:relative; z-index:10; -webkit-box-shadow: 0px 0px 2px 0px #000;-moz-box-shadow: 0px 0px 2px 0px #000;box-shadow: 0px 0px 2px 0px #000;}
		  #home article:hover a, aside article:hover a, #mas article:hover a  {-webkit-box-shadow: 0px 0px 10px 0px #000;-moz-box-shadow: 0px 0px 10px 0px #000;box-shadow: 0px 0px 10px 0px #000;}
		  #home article p.img, aside article p.img, #mas article p.img{ width:50%; margin:0px; background-size:cover; background-position:center center; transition:opacity 0.3s; display:inline-table; background-repeat:no-repeat;} 
		  	#home article.em p.img, #home article.ev2 p.img { background-size: contain; background-color: #FFF;}
			#home article span.abs, aside article span.abs, #mas article span.abs { width: calc(50% - 30px);padding:15px; bottom:0; position:absolute;}
			#home article h4, aside article h4, #mas article h4 { font-size:22px; font-weight:bold; margin-bottom:10px; line-height:20px; word-wrap:break-word;}
			#home article h5, aside article h5, #mas article h5 {  font-size:16px; line-height:20px; padding-bottom:3px; margin-bottom:2px; border-bottom:1px solid #FFF; color:#333}
			#home article span.abs span, aside article span.abs span, #mas article span.abs span { font-size:12px; clear:both; color:#666}

/* SITEMAP */
#sitemapl { position:absolute; right:110px; top:19px; text-transform: uppercase; color: #999999; font-size: 14px; transition:all 0.5s;}
#sitemapl:hover { color:#ff0000;}

#sitemap #titulares h1 { font-size: 30px; font-weight: bold;  margin-bottom: 10px; padding-bottom: 10px; line-height: 35px;word-wrap: break-word; border-bottom: 1px solid #333; letter-spacing: 0.01em;color:#333;}
		#sitemap #titulares { padding: 20px 20px 0 20px; width: calc(100% - 40px);}
		#sitemap #sitemaper { text-align: left; padding: 20px;}
		
		#sitemap #sitemaper article { padding-bottom: 10px; margin-bottom: 30px; }
		#sitemap #sitemaper article a { width: calc(100% - 20px); padding: 10px;border-bottom: 1px solid #333;}
		#sitemap #sitemaper article:hover a {    -webkit-box-shadow: 0px 0px 10px 0px #000;
    -moz-box-shadow: 0px 0px 10px 0px #000;
    box-shadow: 0px 0px 10px 0px #000;}
		
		#sitemap #sitemaper .titulo {font-size: 22px;  font-weight: bold;   line-height: 20px; word-wrap: break-word; margin-bottom: 5px; display: block}
		#sitemap #sitemaper .fechautor {font-size: 12px;  color: #666; display: block; margin-bottom: 5px;}
		#sitemap #sitemaper .texto {    font-size: 16px;  line-height: 20px;  padding-bottom: 3px; margin-bottom: 2px; border-bottom: 1px solid #FFF;  color: #333;}



/* PUBLI */
#home article.ev3 img { width: 100%; background-color:#FFF; max-width:100%; max-height:248px; }

#home article.pl a { background-color:#FFF; text-align: center;}
#home article.pl img, #home article.anuncios { max-width:100%; height:248px}



/* VER */
#ver { width:100%; margin:0px auto; padding-top:150px; text-align:center;}
	#ver article.flt { width:55%; margin-right:40px; vertical-align:top; background-color:#FFF }
	#ver aside { width:33.33%; min-width:450px; vertical-align:top;}
	#ver aside article { text-align:left;}
    #ver aside h4.notitis {font-size:22px; font-weight:bold; color:#FFF; margin-bottom:35px; line-height:20px; word-wrap:break-word; padding:10px; width: calc(100% - 40px) !important; margin-left:10px;}
#contenedor { color:#333; font-size:16px; line-height:20px; text-align:left; padding-bottom:40px;}
	#titulares { width:100%; height:100%; color:#FFF; margin:0px 40px 10px 0; position:relative; overflow:hidden;}
		#blq { width:100%; position:relative; height:100%; min-height:300px; vertical-align:top;}
			#blq .fhtr { padding:15px 15px 15px 0; width:220px;}
			
			#blq .auth {width:250px; height:auto; left:15px; position:relative; top:15px;}
				#blq .auth img { width:250px;}
			#blq .bjaa { }
			#blq h1 {font-size: 30px;  font-weight: bold;  margin-bottom: 10px; padding-bottom:10px;  line-height: 35px;  word-wrap: break-word; border-bottom: 1px solid #FFF;letter-spacing: 0.01em;}
			#contenedor.con h2 {font-size: 28px;  font-weight: bold;  margin-bottom: 10px; line-height: 28px; }
			#blq .autors {position:relative; display:block;}
			#blq .autors:hover { text-decoration:none}
			#blq .autors span { width:50px; height:50px; background-repeat:no-repeat; background-size:cover; background-position:center center; border-radius:100%;vertical-align:middle; margin-right:5px}
				#blq .autt  { font-size:14px; vertical-align:middle; color:#FFF; }
				#blq h2 {font-size: 16px;  line-height: 16px;   }
		#imagen { width:100%;  height:auto; position:relative;min-height:400px;}
			#imagen .prin { max-width:100%; min-width:100%; margin:0px auto; float:right; }
			
			.galeriass .gals { width:100%; padding:5px 30px; text-align:center;}
				.galeriass .gals li {height:100px;}
				.galeriass .gals li a { width:100%; height:100%; display:block; background-size:contain;border:1px solid rgba(255,255,255,0.5); background-position:center center; background-repeat:no-repeat; }
			.galeriass .nogals { visibility:hidden;}
	#contenedor .compartir { width:calc(100% - 40px); margin-bottom:25px; padding:0 20px;}
		#contenedor .compartir span { font-size:12px; vertical-align:bottom; display:inline-block;}
		#contenedor .compartir a { width:24px; height:24px;  display:inline-block; vertical-align:bottom; margin-right:2px; background-image:url(https://www.prestigeelectriccar.com/img/icons.png); background-repeat:no-repeat;}
			#contenedor .compartir a.fac { background-position:-24px -40px;}
			#contenedor .compartir a.twi { background-position:0 -40px;}
			#contenedor .compartir a.gog { background-position:-48px -40px;}
			#contenedor .compartir a.pin { background-position:-72px -40px;}
		#contenedor .compartir a.enl { width:auto; background-image:url(https://www.prestigeelectriccar.com/img/link.png); color:#FFF; padding:0 20px 0 30px; float:right; margin-right:0; background-position:center left;}
	#contenedor .texto { margin-bottom:20px; padding: 0 20px;}
   		#contenedor .bjaa .texto { padding:0}
    #contenedor .texto ul {padding-left:15px;}
    	#contenedor .texto li:before {content: "• ";}
	#contenedor a:hover { text-decoration:underline;}
	#contenedor .texto img {max-width:100%;position: relative; transform: translate(-50%,0); left: 50%;}
	
	/* TODO LO NUEVO */
	#titularos { position: absolute; bottom:0; width:calc(100% - 40px); padding: 0 20px 20px; background-color:rgba(0,0,0,0.6)}
	#titularos h2 {    font-size: 16px;    line-height: 16px;}
	
	
#ver #mas { width:100%; border-top:1px solid #999999; padding-top:20px;}
#ver #mas .rels {background-color:#dde1e7}
	#ver #mas .rels article { display:inline-block;}
#ver #mas .etik span { font-size:12px; vertical-align:bottom; display:inline-block; margin-right:5px; }
#ver #mas .etik a { font-size:12px; width:auto; background-image:none; color:#FFF; padding:3px 20px 2px; height:auto; margin-right:3px; margin-bottom:5px;}	


#ver #mas h3 {font-size: 25px;font-weight: bold; padding: 20px; background-color: #999999; color: #FFF; margin-bottom: 20px;}
		

/* GALERIAS */
.slick-prev { left: 2px; background-image:url(https://www.prestigeelectriccar.com/img/prev.png); background-position:-17px 0; }
.slick-prev:hover { background-image:url(https://www.prestigeelectriccar.com/img/prev.png); background-position:-20px 0; }
.slick-next { right: 2px; background-image:url(https://www.prestigeelectriccar.com/img/next.png); background-position:-3px 0px; }
.slick-next:hover { background-image:url(https://www.prestigeelectriccar.com/img/next.png); background-position:0px 0px; }
	
/*Clases y colores */
article.re a { color:#ffbb00; background-color:#FFF;}
	article.re h4 { font-size:26px; line-height:24px;}
    aside article.re h4 { font-size:22px; line-height:20px; }
article.hi a { color:#45b803; background-color:#FFF;}
	article.hi h4 { font-size:26px; line-height:24px;}
     aside article.hi h4 { font-size:22px; line-height:20px;}
article.nt a { color:#00c4ec; background-color:#FFF;}
article.op a {color:#fe624e; background-color:#FFF;}
article.ev a { color:#45b803; background-color:#FFF;}
article.ev2 a {color:#fe624e; background-color:#FFF;}
	article.ev2 .img { background-size:contain;  background-color:#FFF; }
article.em a { color:#fe624e; background-color:#FFF;}
	article.em .img { background-size:contain;  background-color:#FFF; }
	article.em h5 { border-bottom:none;}
.uno{width:calc(33.33% - 20px);height:250px;}
	#home article.uno p.img, aside article.uno p.img, #mas article.uno p.img { height:250px;}	
.dos{width:calc(33.33% - 20px);height:520px;}
	#home article.dos p.img, aside article.dos p.img, #mas article.dos p.img { height:520px;}
.tres{width:calc(66.66% - 20px);height:250px;}
	#home article.tres p.img, aside article.tres p.img, #mas article.tres p.img { height:250px;}
.cuatro{width:calc(66.66% - 20px);height:520px;}
	#home article.cuatro p.img, aside article.cuatro p.img, #mas article.cuatro p.img { height:520px;}
.cero{width:calc(100% - 20px) !important;height:250px;}
	#home article.cero p.img, aside article.cero p.img, #mas article.cero p.img { height:250px;}
.anuncios .adsbygoogle { border:1px solid #ff0000;}

/* BLOQUEA */
article.bloquea{width:calc(50% - 20px);}

.izq {}
	.izq .img { float:left; }
	.izq.pl .img { width:100%; }
	.izq .abs { float:right;}
.der {}
	.der .img { float:right;}
	.der.pl .img { width:100%; }
	.der .abs { float:left;}
	
/* COLORES MENU */
#menu .not:hover, #menu .not.select  {color:#00c4ec}
#menu .rep:hover, #menu .rep.select  {color:#ffbb00}
#menu .his:hover, #menu .his.select  {color:#45b803}
#menu .opi:hover, #menu .opi.select  {color:#fe624e}
#menu .eve:hover, #menu .eve.select  {color:#fe624e}
#menu .dir:hover, #menu .dir.select  {color:#ff0000}
#menu .con:hover, #menu .con.select  {color:#333;}


/* FONDOS ZONAS */
#contenedor.not .compartir a, #ver aside h4.not {background-color:#00c4ec; }
	#contenedor.not #titularos, #contenedor.not a, #contenedor.not strong, #contenedor.not li:before {color:#00c4ec}
#contenedor.not1 .compartir a, #ver aside h4.not1 {background-color:#00c4ec; }
	#contenedor.not1 #titularos, #contenedor.not1 a, #contenedor.not1 strong, #contenedor.not1 li:before {color:#00c4ec}
#contenedor.not2 .compartir a, #ver aside h4.not2 {background-color:#45b803; }
	#contenedor.not2 #titularos, #contenedor.not2 a, #contenedor.not2 strong, #contenedor.not2 li:before {color:#45b803}
#contenedor.rep .compartir a, #ver aside h4.rep  {background-color:#ffbb00; }
	#contenedor.rep #titularos, #contenedor.rep a, #contenedor.rep strong, #contenedor.rep li:before {color:#ffbb00}
#contenedor.his .compartir a, #ver aside h4.his {background-color:#45b803;}
	#contenedor.his #titularos, #contenedor.his a, #contenedor.his strong, #contenedor.his li:before {color:#45b803}
#contenedor.opi .compartir a, #ver aside h4.opi {background-color:#fe624e; }
	#contenedor.opi #titularos, #contenedor.opi a, #contenedor.opi strong, #contenedor.opi li:before {color:#fe624e}
#contenedor.eve .compartir a, #ver aside h4.eve {background-color:#fe624e; }
	#contenedor.eve #titularos, #contenedor.eve a, #contenedor.eve strong, #contenedor.eve li:before {color:#fe624e}
#contenedor.con .compartir a, #ver aside h4.con {background-color:#999999;}
	 #contenedor.con .texto a, #contenedor.con strong, #contenedor.con li:before {color:#999999}	
	

	/* COOKIES*/
#acept_todo { position:fixed; bottom:0; left:0; width:100%; background:#C5C4C4;}
	#acept { padding:15px; text-align:center;}
		.acept_txt { display:inline-block; text-align:left; margin-right:15px;}
		.btn_acept { cursor:pointer; font-family:Arial; font-size:14px; padding: 1px 6px; color: buttontext; background-color: buttonface; border: 2px outset buttonface;}
/* MAS*/
#sups.texto a { color:#FFF !important;}
		.form { padding-right:20px;}
			.form input[type="text"] { width:94%; margin-bottom:10px; padding:5px; font-family:inherit;}
				
			.form textarea { width:94%; padding:5px; resize:none; height:100px; font-family:inherit;}
		.con .texto h3 { background:#45b803; padding:10px 15px; color:#FFF; font-size:25px; line-height:30px; margin-bottom:10px;}
		.con .texto h4 { background:#00c4ec; padding:10px 15px; color:#FFF; font-size:25px; line-height:30px; margin-bottom:10px; margin-top:30px;}
        .con .texto h5{ background:#ffbb00; padding:10px 15px; color:#FFF; font-size:25px; line-height:30px; margin-bottom:10px; margin-top:30px;}
		.contan { height:200px; overflow-y:scroll; overflow-x:hidden}
		#form { margin-bottom:30px;}
		#form .flt { width: calc(50% - 4px);}
		#form input[type="submit"] { background:none; background-color:#999999; padding:8px 15px; border:none; cursor:pointer; color:#FFF; font-family:inherit; border:1px solid #999999}
			#form input[type="submit"]:hover { background-color:#FFF; color:#333;}
        #form a { color:#333;}     
        #form2 { margin-bottom:30px;padding: 10px 0; margin-top:15px;}
        #form2 input[type="text"] { width:94%; margin-bottom:10px; padding:5px;}
		#form2 input[type="submit"] { background:none; background-color:#00c4ec; padding:8px 15px; border:none; cursor:pointer; color:#FFF; font-family:inherit; border:1px solid #00c4ec}
			#form2 input[type="submit"]:hover {background-color:#FFF; color:#333;}
				
	
/* RESPONSIVE */
@media screen and (min-width:1600px) and (max-width:1700px) {
	section { width:calc(100% - 10px);	}
}
@media screen and (min-width:1200px) and (max-width:1600px) {
	.uno { 		width:calc(33.33% - 20px); }
	.dos { 		width:calc(33.33% - 20px); }
	.tres {		width:calc(66.66% - 20px); }
	.cuatro { 	width:calc(66.66% - 20px); }
	#ver article.flt {width:55%;}
	#home article h5, aside article h5, #mas article h5 { font-size:14px; line-height:16px;}
	#imagen {min-height:300px;}	     
}

@media screen and (min-width:1000px) and (max-width:1199px) {
	.uno { 		width:calc(50% - 20px); }
	.dos { 		width:calc(50% - 20px); }
	.tres {		width:calc(50% - 20px); }
	.cuatro { 	width:calc(50% - 20px); }
	#menu li {padding:2px 3px 3px;}
		#menu li a { font-size:12px;}
	#ver article.flt { width:90%;margin-right:0; }
	#home article h5, aside article h5, #mas article h5 { font-size:13px; line-height:14px;}
	aside.flt { display:none;}
	#logo, #logo img { width:200px;}
	#search { display:none;}
	#menu { margin-top:46px;}
	section { padding-top:130px;}
}

/*Tablet vertical*/
@media screen and (min-width:600px) and (max-width:768px) {
	.uno { 		width:calc(100% - 20px); }
	.dos { 		width:calc(100% - 20px); }
	.tres {		width:calc(100% - 20px); }
	.cuatro { 	width:calc(100% - 20px);}
	#menu { margin-top:48px;}
	#menu li {padding:2px 2px 3px;}
				#menu li a { font-size:12px;}
	#logo, #logo img { width:180px;}
	#home article h5, aside article h5, #mas article h5 { font-size:16px; line-height:18px;}
	#ver article.flt { width:90%; margin-right:0; }
	aside.flt { display:none;}
    #search, a.rd { display:none}
    
}

@media screen and (min-width:480px) and (max-width:600px) {
	header { position:relative}
	
	.uno { 		width:calc(100% - 20px); }
	.dos { 		width:calc(100% - 20px); }
	.tres {		width:calc(100% - 20px); }
	.cuatro { 	width:calc(100% - 20px); }
	#menu { margin-top:10px; text-align:left;}
	
  #pull2 { display:none}
	.mmenu { width:100%;}
	nav { position:relative; margin-bottom:0px; width:100%; padding:0; text-align:left;}
     #menu ul { margin: 0; display:none; position: relative; z-index:2000; padding:5px 0px 10px; text-align:center; height:auto; }
		#menu li { display:block; margin:0 0 5px; width:100%; text-align:center; padding:3px 0px;}   
     nav a#pull {display: block;	padding:7px 15px;	color:#FFF; background:#7a7a7a; width:calc(100% - 30px); font-weight:bold;}
				nav a#pull:after {	content:"";	background: url('https://www.prestigeelectriccar.com/img/nav-icon.png') no-repeat;	width: 20px;height: 20px;display: inline-block;	position: absolute;	right: 15px; top:4px;}
	#search { top:50px;}
    #menu .rd { position:absolute; top:-28px; }
		#menu .twi { right:60px;}
		#menu .fac { right:30px;}
		#menu .gog { right:0px;}
	#ver { padding-top:10px;}
    section { width:calc(100% - 10px); padding-top:10px;}
	#logo, #logo img { width:200px;}
	#home article h5, aside article h5, #mas article h5 { line-height:14px;}
	
	#ver article.flt { width:90%; margin-right:0; }
	aside.flt { display:none;}


	#contenedor .texto { text-align:justify; font-size:12px;}
    #contenedor .texto iframe { width:430px; height:235px;}
	#titulares { margin:0 0 5px;}
    #imagen { min-height:300px;}
    #imagen .gals { padding:5px 5px;}
    #contenedor.rep .compartir a { font-size:12px;}
    #blq h1 { font-size:25px;}
    #blq .fhtr { font-size:14px; padding:15px 0 0}
}

@media screen and (max-width:479px) {
	header { position:relative}
    
    .uno, .dos, .tres, .cuatro { 		width:calc(100% - 20px); height:auto; }
	#menu { margin-top:10px; text-align:left;}
	
  #pull2 { display:none}
	.mmenu { width:100%;}
	nav { position:relative; margin-bottom:0px; width:100%; padding:0; text-align:left;}
     #menu ul { margin: 0; display:none; position: relative; z-index:2000; padding:5px 0px 10px; text-align:center; height:auto; }
		#menu li { display:block; margin:0 0 5px; width:100%; text-align:center; padding:3px 0px;}   
     nav a#pull {display: block;	padding:7px 15px;	color:#FFF; background:#7a7a7a; width:calc(100% - 30px); font-weight:bold;}
				nav a#pull:after {	content:"";	background: url('https://www.prestigeelectriccar.com/img/nav-icon.png') no-repeat;	width: 20px;height: 20px;display: inline-block;	position: absolute;	right: 15px; top:4px}
	#menu .rd, #search { display:none; }
	#ver { padding-top:10px;}
	section { width:calc(100% - 10px); padding-top:10px;}		
	#logo, #logo img { width:200px;}
	#home article h5, aside article h5, #mas article h5 { line-height:14px;}
	
	
	#home article p.img, aside article p.img, #mas article p.img { width:100%; display:block; height:200px; }
	#home article span.abs, aside article span.abs, #mas article span.abs { width:calc(100% - 30px); left:0; bottom:0; position:relative}
	#ver article.flt { width:96%; margin-right:0; }
	aside.flt { display:none;}
	#imagen { min-height:300px;}
	#blq h1 { font-size:25px;}
    #blq .fhtr { font-size:14px; padding:15px 0 0}
	#contenedor .texto { text-align:justify; font-size:12px;}
	#titulares { margin:0 0 5px;}
	
	 #home article a, aside article a, #mas article a { display:inline-block;}
     
     #imagen .gals { padding:5px 5px;}
     #contenedor.rep .compartir a { font-size:12px;}
      #contenedor .texto iframe { width:100%; height:158px;}
}

