/* LAYOUT  - CENTERING AUTO-Margin 
================================== */

html { 	
	-webkit-font-smoothing: antialiased;/* maxvoltar.com/archive/-webkit-font-smoothing  o none*/
	-webkit-text-size-adjust: 100%; /* Fix for webkit rendering */  
}			
body {
/*	background:hsl(74, 11%, 95%) url(../images/fondo-body.png); NO ESTA LA IMAGEN  */	
  text-align: left; 	
	overflow-x: hidden; /*	NO Scroll Hor */	
}
header#prinHeader, nav, main, #subirMenu , footer { 
	max-width:1280px; /* 1115px; */
	min-width:960px; /* QUITARLO en la query para moviles */
	width: 80.910240202275vw; /* De 1582px 1280px mejor que 100%;	*/
  box-sizing: border-box;				
	margin:0 auto;		
}
header#prinHeader, footer {
	background-color:hsla(352, 100%, 34%, 1); /* GRANATE */
	border-bottom:hsla(38, 100%, 85%, 1) solid 6px;
	padding:2.04081632vh 2.69058295964% 0;	
/*	margin-top:2.04081632vh;	*/	
	/* margin-bottom:2.04081632vh; 1.011378vh; 16px;*/
/*		
	border-radius:			8px;	
	-moz-box-shadow: 	0px 11px 19px hsla(212, 8%, 30%, .2);
	-webkit-box-shadow:	0px 11px 19px hsla(212, 8%, 30%, .2);
	box-shadow:			0px 11px 19px hsla(212, 8%, 30%, .2);		
																																*/
}
#headerLogo {
	order:1;
	margin-bottom: 0.755em; /*  Espacio entre Logo y Telefono */
}
#headerH1h2 {
	order:2;
}
#menuAux {
	order:3;	
}
main {	
	background-color:hsla(0, 100%, 100%, 1);			
	padding:20.5px 2.69058295964%; /* 30px de 980px  x = 30 *100/980	*/		
}
section {
	width: 38%;			
	margin-right:1.5em;   /*  15px; */
	order:1;
}
aside { 
	width: 32.5%;	
	margin-right:1.5em;
	order:2;	
}
#colAux {
	width: 25%;	
	order:3;	
}
#subirMenu  a:link, #subirMenu a:visited {
	font-size: 1.085rem;	
}
footer { 
	display: -webkit-flex; /* Safari */
  	display: flex;
  	-webkit-flex-flow: row wrap;
  	flex-flow: row wrap;	
	color:#fff; 
	line-height:1.492em;	
	margin-bottom:2.04081632vh;
 }
#pieDireccion { 
	width: 50%;	 
	text-align: left;
	order:1;
} 
#pieMailCopy { 
	width: 50%;	
	text-align: right;
	order:2;	
}
/*  _PedroImagina */
#enlacePedroimagina {
	text-align:center;/*  Hace Falta */
	margin-top: 18px;	
}
#enlacePedroimagina  a:link, #enlacePedroimagina a:visited {
	font-size: 10.5px;		
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	text-decoration: none;
	font-weight: normal;
	padding-bottom: 13px;
}	
/*	_HR	_Lineas _HORIZONTALES Filetes separadores	*/
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/* _TEXTO General
================================== 

Con REM 

html { font-size: 62.5%; } */
/*	body { font-size: 1.4rem; }  =14px */
/*	h1   { font-size: 2.4rem; }  =24px */

body {
/*   font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; */
   font-weight: 300;
	 font-size:100%;
}
h1 {
	font-size: 2.232em;	
	word-spacing: -0.125em;	
	text-align:right;
	margin-bottom: .6832em;				
}
h2 {
	font-size:1.432em;	
	word-spacing: -0.125em;		
	text-align:right;				
	margin-bottom: 0.755em;								
}	
h3 {
	font-size:1.275em;				
	margin-bottom: 0.755em;								
}
h4 { 
	font-size: 1.143em;	/* 16px	*/			
	margin:  0.857em 0 1.286em 0;/* 24px */

}
p {
	line-height: 1.5;	/* Mejor SIN Unidades */
	word-spacing: 0.25em;	
	margin-bottom: 0.912em;	/* 12px	*/					
}
/* LISTAS-Ordenadas con Circulos de COLORES 
		listaCircGrande */
ul li {
	margin-bottom: 0.857em; /* 12px	*/	
}		
ol {
	counter-reset: li; /* Initiate a counter */
	list-style: none; /* Remove default numbering */
/*	text-shadow: 0 1px 1px 0 rgba(255,255,255,.5);*/
}
ol ol{
	margin: 0 0 0 .7em; /* Add some left margin for inner lists */
}
ol li {
	position: relative;
	display: block;
	padding: .3em .3em .3em 0;
	margin: .5em 0 .9em 0;
	text-decoration: none;
	border-radius: .3em;
}
ol li:before{
	content: counter(li);
	counter-increment: li;
	position: absolute;	
	left: -3.75em; /* Circulos hacia AFUERA */
	top: 9%;		/* Posicion VERTICAL Circulos */
	margin-top: -.7em;
	background: #860012;
	height: 2em;
	width: 2em;
	line-height: 2em;
	border: .385em solid #ffe3b4;
	text-align: center;
	border-radius: 2em;
	font-weight:bold;
	color:#fff;
}	
/* 	ARROBA FONT FACE	Ponerlo ARRIBA antes de usarlo en estilos de texto y encabezado
@font-face {
	font-family: 'NOMBRE WebFont';
	src: url('fonts/NOMBREWebFontwoff.eot');
    src: local('noloencuetres'),  url('fonts/NOMBREWebFontwoff') format('woff'), url('fonts/NOMBREWebFont.ttf') format('truetype'), url('fonts/NOMBREWebFont.svg#NOMBREWebFont') format('svg');
    font-weight: normal;
    font-style: normal;	
}
*/

/* _LINKS	_Enlaces
================================== 

main  a:link, main a:visited {
	color: hsla(201, 94%, 36%, 1);	
	text-decoration: none;		
 	border-bottom: 1px dotted;
}

main  a:hover {
	color:hsla(15, 98%, 55%, 1);
}

Esta ya en css incrustada	*/

footer a {
	color:#fff;
}
a[href^="mailto:"]:before { 
	content: "\2709"; 
	padding: 3px 9px 6px 6px;
	font-size:21px;
	line-height:12px;
	border: 1px solid #ccc;
	background-color: #fff;
	position: relative;
	float:right;
	width:20px;
	text-decoration: none;
	color: #184761;
	vertical-align:top;
	margin-left:12px;
}

/* ===========================
   ======= UniCode ICONS  ====== 
   =========================== */


a[href^="tel:"]:before    { content: "\2706"; }
.importanteIconUtf:before { content: "\27BD"; }
q:before         					{ content: "\275D"; }
q:after          					{ content: "\275E"; }
.alertIconUtf:before      { content: "\26A0"; }
	 
.iconMailUtf:before { 
	content: "\2709";
	display: inline-block;	
	position: relative;	
	top: .177em;
	padding-right: .2095em;
	font-size:242%;	
	color: hsla(198, 100%, 69%, 1);
	font-weight:bold;
  text-shadow: 0 1px 1px rgba(255,255,255,0.65);	
}	
.iconMailUtf { 
	display: inline-block;
	position: relative;	
	line-height:29px;/* em Cambia por dif font-size Mejor en px 	*/
	padding-left: 0px; 	
}
.iconPhoneUtf:before { 
	content: "\2706";
	font-size:225%;	
	color: hsla(198, 92%, 57%, 1);	
}	
.iconPhoneUtf { 
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	padding-left: .58em; 
	font-size:127%;	
	font-weight:bold; 	
	color: hsla(201, 94%, 36%, 1);		
}	
.iconCheckUtf:before { 
	content: "\2713";
	display: inline-block;	
	position: relative;	
	top: .177em;
	padding-right: .2095em;
	font-size:225%;	
	color: hsla(198, 92%, 57%, 1);
}	
.iconCheckUtf { 
	display: inline-block;
	position: relative;	
	line-height:29px;/* em Cambia por dif font-size Mejor en px 	*/
	padding-left: 0px; 	
}
	

/* _DECORATION	_Clases _Decoracion
================================== */	

.cajaPosit {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);	
}	
.textShadow{
	text-shadow:1px 1px 3px hsla(0, 0%, 0%, .3);
}
/*	_LADILLO	*/

.ladillo {
	float:left; 
	font-variant:small-caps;	
	font-size: 16px;	
	line-height: 32px;
	font-weight:bold;
	position:relative;
	left:-46px;	
	width:130px; 	
	background-color:hsla(48, 53%, 83%, 1);		
	padding:12px; 
	margin:0px -26px 26px 0;	
	border:1px solid #d4c792;
}
q:before {
  content: '"';
  margin-left: -.5em;
}
q:after {
  content: '"';
}	
/*	
	DropCAP Automatico 
	Primera Letra GRANDE del p que va justo despues de h4	*/
	
h4 + p:first-letter { 
	float: left; 
	color:hsla(207, 52%, 44%, 1) ; 
	font-size: 53px; 
	line-height: 40px; 
	padding-top: 4px; 
	padding-right: 6.2px; 
	padding-left: 3px;
	font-family: Georgia;
  text-transform:uppercase;
}
.boxShadow{
	box-shadow:			0px 0px 12px hsla(0, 0%, 0%, .3);
}
.borderRadius {
	border-radius:			11px;
}
.boxSemiTransp{
	background-color:#fbf8ef;	
	background-color: hsla(280, 1%, 96%, .7);
	padding: 16px;	
	margin-bottom: 20px;
}
.disabled {	/*	_DEGSHABILITAR _disabled _OCULTAR _ESCONDER pero accesibble */
	pointer-events: none;
	opacity: 0.5;
}
 
/*	3 Col SECTION	 ASIDE */
.contFlex {
	/* Enable flex mode. */
	display: -webkit-flex; /* Safari */				
  display: flex;
	
  -webkit-flex-flow: row wrap; /*	En Varias FILAS si no cabe */
  flex-flow: row wrap;	
	
	/* Spread out the elements inside the header. */
	justify-content: space-between;	
	
	/* Align items vertically */	
	-webkit-align-items:flex-start; /*	center  */	
	align-items:flex-start;		
}
/*	BOX HACKING */
html {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.contenidoCentrado {
		display: -webkit-flex; /* Safari */	
    display: flex;
    justify-content: center;
    align-items: center;
}
.bigitem {
   /* This will be twice as big as the small item. */
   -webkit-flex: 2 0 0; /* Safari */
   flex: 2 0 0; 
}
.smallitem {
   -webkit-flex: 1 0 0; /* Safari */
   flex: 1 0 0;
}
/* REJILLA VARIAS Filas  */
.flexGrid {
   display: -webkit-flex; /* Safari */
   display: flex;
   -webkit-align-items: center;
   align-items: center;
   -webkit-justify-content: center;
   justify-content: center;
   /* You can set flex-wrap and flex-direction individually */
   -webkit-flex-direction: row; 
   flex-direction: row;
   -webkit-flex-wrap: wrap;	/* VARIAS Filas */
   flex-wrap: wrap;
   /* Or do it all in one line with flex flow */
   -webkit-flex-flow: row wrap;
   flex-flow: row wrap;
   /* tweak the where items line up on the row */
   /* valid values are: flex-start, flex-end, space-between, space-around, stretch */
   -webkit-align-content: flex-end;
   align-content: flex-end;
}
/* Clear Floated Elements ACTUALIZADO May 2013 IE 8 and up
-----------------------------------------------------------*/
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}
.skip {display: none}

/*
==== Paleta de _COLOR		*/

/*
	hsla(352, 100%, 24%, 1);	/* PRIMARIO GRANATE */
/*	
	hsla(352, 69%, 62%, 1);	/* ACENTO PRIMARIO Ladrillo 	*/
/*	
	hsla(60, 33%, 75%, 1)	;	/* SECUNDARIO Verde CREMA	*/		

/*	
	hsla(48, 55%, 80%, 1);	/* SECUNDARIO Vainilla	*/		

/*	
	hsla(199, 83%, 16%, 1);	/* AZUL Osc Acerado	*/

/*	
	hsla(199, 57%, 6%, 1);	/* TEXTO Osc */
	
	
		
	/* _Formulario de CONTACTO 
================================== */

form {
  margin: 20px 0 20px 12px;
  }
label {
	display:block;
	margin: 0 0 1px 0;	
	font-weight:bold;	
}
form input, form textarea {  
	background-color:#fbf8ef;
	border:solid 1px #dfd5bc;		
	padding:5px;	
	
	-moz-border-radius:		7px;
	-webkit-border-radius:	7px;
	border-radius:				7px;	
}
form textarea {  
  	width: 300px;	
	height: 100px;
	overflow:auto;
}
form input:focus, form textarea:focus  {  
	border:solid 1px #eb6c67;
	background-color: #fff;
}  
#nombre, #email, #telefono, #mensaje  {
 	 width: 250px;
	margin-bottom: 12px;		
  }
#enviarConsulta {
  	width: 80px;	
    font-weight:bold;
	padding:6px;		
	color: #fbf8ef;;
	background-color: #eb6c67;		
	border:solid 1px #fff;	
	
	-moz-border-radius:		9px;
	-webkit-border-radius:	9px;
	border-radius:				9px;		
}
/* SOCIAL Buttons Compartir y Seguir
-----------------------------------------------------------*/

body {
	padding-top:31px;
}
div#compartirIcons {
	clear:both;	
}
div#compartirIcons a:link {
	display: inline-block; 
	vertical-align:bottom;
	margin-left:12px;
}
div#socialFollow {
	width: 100%;
	position:absolute;
	top:7px;	
	text-align:right;		
}
p#socialIconsFollow {
	font-size:0px;
	width: 100%;	
	max-width:1115px;				
	margin:0 auto;	
	margin-bottom:0px;	
/*	float:right;	  text-align NO, porque aparecen los textos	*/		
}
p#socialIconsFollow a:link {
	display: inline-block; 
	vertical-align:bottom;
	margin-left:12px;
}
/*

CSS Social Icons
By: Nick La (@nickla)
http://webdesignerwall.com/tutorials/css-social-buttons

Version: 1.0

*/
 div#socialFollow {width: 100%;position:absolute;top:7px;right:10px;text-align:right;}p#socialIconsFollow {font-size:0px;width: 100%;max-width:1115px;margin:0 auto;}p#socialIconsFollow a:link {display: inline-block;vertical-align:bottom;margin-left:10px;}a.sb, .sb a {width: 36px;height: 36px;font-size: 120%;background-repeat: no-repeat;background-position: center center;text-indent: -900em;color: #333;text-decoration: none;line-height: 100%;white-space: nowrap;display: inline-block;position: relative;vertical-align: middle;margin: 0 3px 5px 0;background-color: #ececec;border: solid 1px #b8b8b9;-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 0 rgba(0,0,0,.1);-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 0 rgba(0,0,0,.1);box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 0 rgba(0,0,0,.1);-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}*:first-child+html a.sb, *:first-child+html .sb a {text-indent: 0;line-height: 0;font-size: 0;overflow: hidden;}.sb {margin: 0;padding: 0;}.sb li {margin: 0;padding: 0;display: inline;}a.sb.gradient, .sb.gradient a {background-color: transparent !important;}a.sb.gradient:after, .sb.gradient a:after {padding: 1px;content: "";width: 100%;height: 100%;position: absolute;top: -1px;left: -1px;z-index: -1;-webkit-box-shadow: inset 0 2px 0 rgba(255,255,255,.3);-moz-box-shadow: inset 0 2px 0 rgba(255,255,255,.3);box-shadow: inset 0 2px 0 rgba(255,255,255,.3);background: -moz-linear-gradient(to bottom, #eeeeee 0%, #d2d2d2 100%);background: -webkit-linear-gradient(to bottom, #eeeeee 0%, #d2d2d2 100%);background: linear-gradient(to bottom, #eeeeee 0%, #d2d2d2 100%);}a.sb.glossy:before, .sb.glossy a:before {content: "";width: 100%;height: 50%;position: absolute;top: 0;left: 0;background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjQiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);background: -moz-linear-gradient(to bottom, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.2) 100%);background: -webkit-linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.2) 100%);background: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.2) 100%);}a.sb.googleplus {background-image: url(../images/icon-social-sprite.png);background-position:3px 0;}a.sb.twitter{background-image: url(../images/icon-social-sprite.png);background-position:-32px 0;}a.sb.facebook {background-image: url(../images/icon-social-sprite.png);background-position:-64px 0;}a.sb.linkedin {background-image: url(../images/icon-social-sprite.png);background-position:-96px 0;}a.sb.email {background-image: url(../images/icon-social-sprite.png);background-position:-128px 0;}a.sb.youtube {background-image: url(../images/icon-social-sprite.png);background-position:-150px 0;}