*********************************************************************************************************************************
 * REGLAS MAURO
 * *********************************************************************************************************************************
 */

.twhite p, .twhite h3 , .twhite h2, .twhite h1, twhite a{
	
	color : white;
}

.basic-main-wrapper{
	
	margin-top : 60px;
	
}

.transparent50 {
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.5;
}

.transparent25 {
	zoom: 1;
	filter: alpha(opacity=25);
	opacity: 0.25;
}


.transparent10 {
	zoom: 1;
	filter: alpha(opacity=10);
	opacity: 0.1;
}



.transparent70 {
	zoom: 1;
	filter: alpha(opacity=70);
	opacity: 0.7;
}


.transparent85 {
	zoom: 1;
	filter: alpha(opacity=85);
	opacity: 0.85;
}


.margin-top-100 {
	
	margin-top : 100px;
	
	
}


.margin-top-200 {
	
	margin-top : 200px;
	
	
}


.margin-top-70 {
	
	margin-top : 70px;
	
	
}


.margin-top-40 {
	
	margin-top : 40px;
	
	
}


.margin-top-10 {
	
	margin-top : 1	0px;
	
	
}


.tcenter {
	
	text-align : center;
}



header .langswitcher, 
header .langseparator {
	
	line-height : 50px;
	color : white;
	margin-right : -25px;
	
}

 header .collapse > .nav.navbar-nav >  li > a.langswitcher:hover,
 header .collapse > .nav.navbar-nav >  li > a.langswitcher:focus {
 
 
 background-color : inherit;
 text-decoration : underline;
 color : white; 
 cursor : pointer;
 
}


 .nav.navbar-nav > li > .langseparator:hover,
 .nav.navbar-nav > li > .langseparator:focus {
  
 background-color : inherit;
 color : white; 
 cursor : pointer;
 
}


.langwrapper {
	
	margin-right : 23px;
}

header .nav > li > a.header-grey-color {
	
	color : #bbbbbb;
}

.basic-main-wrapper.contact-container {
	
	text-align : center;
	
}


.basic-main-wrapper.contact-container > #contact-notice {
margin-top:30px;
display:block;
width:100%;
height:70%;
min-width:270px;
max-width:600px;
padding:16px;
margin-bottom:20px;
border-radius:8px;
background-color:white;
opacity:0.8;

}

.basic-main-wrapper.contact-container  > .contact-form-wrapper{
	
	color : white;	
}




html{

background-repeat:no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
/* or you could just center the image if it's bigger than the current viewport*/
background-position: 0, 0;/*Funciona mejor que con 0, 0, lo que estaba: right 75px*/
min-height:100%;
}


/*Esta es la regla que arregla la galeria de la home: */

 div#links > a {
	
	margin-right : -5px ;
	border:1px solid white;
	margin-top:-1px;
	display:inline-block;
}


/**
formulario contacto
*/

#contact-form-wrapper input, 
#contact-form-wrapper textarea{
	border:1px solid MidnightBlue;
	color:black;
}

#contact-form-wrapper  {
	color:black;
	font-size:16px;
}


#contact-form-wrapper input.btn  {
	border:1px solid white;
	color:white;
}


.removeable {
	
	cursor : pointer;
}



span.glyphicon.image-picker {
	font-size : 1.8em;
	margin-top : 3px;
}

#image-picker-previous {
	
	float : right;
}

#image-picker-next {
	float : left;
}

.delete-image {
	
	float : right;
	margin-right : 1 em;
	margin-top : 3px;
	
}


div.cajamadre.didascalia-wrapper > p.didascalia{
	
	color:white;
	text-align:left ;
	margin-top:6px ;
	margin-left:4px;
	font-size:16px ;
	font-weight:100;
	
	
}

div.cajamadre.didascalia-wrapper > p.titolo{
	
	color:white;
	text-align:center ;
	margin-top:6px ;
	font-size:18px ;
	text-transform: uppercase;
	font-weight:100;
	
}


#home-container  {
	
	
	display : none;
}


#zoom-button.button-active{
	
	background : none;
	background-color : azure;
	color : teal;
	
}

/*Pongo esto como ejemplo de como manejar la maquetacion de los tooltips. El !important es necesario */
.ui-tooltip {
	
	border : 1px solid bbbbbb !important;
	background-color: lavender !important;
	tetxt-align:justify !important;
	padding:12px !important;
	font-size:1em !important;
	
}



ul.social-wrapper a {
	margin : 0px ;
	padding : 0px;
	line-height : none;
}



/* *********************************************************************************************************************************
 * REGLAS ALBERTO
 * *********************************************************************************************************************************
 */

html, body {
height:100%;
margin:0;
padding-bottom:62px;
}

body {
background:transparent;/*Entiendo que, por defecto, tiene algun color, y si no indico transparent no se ve la imagen del background*/
font-family:'Open Sans', 'Myriad Pro', Arial, sans-serif;
font-weight: 300; 
font-size: 16px;
/*line-height: 125%;*/
margin: 0;
padding: 0;
color: #272727;
}

p {
font-family:'Open Sans', 'Myriad Pro', Arial, sans-serif;
font-weight: 400;	
}

/*ESTO ES UN CAMBIO EN EL JUMBOTRON DEL BOOTSTRAP*/
.jumbotron{
border-width:0px;
}
/*FIN CAMBIO EN EL JUMBOTRON DEL BOOTSTRAP*/



/*CAMBIOS A LAS NAVBAR DEL BOOTSTRAP*/

.navbar-inverse {
	background-color:transparent;/*era#990000*/
	border-bottom:0px solid black;
	color: #ffffff;
}

.navbar-inverse .navbar-brand {
 	color:transparent;
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
	background-color: rgba(255, 255, 255, .6);
	color: green; opacity: 1;
	font-weight:400 !important;
}
.navbar-default {
	background-color:transparent;
	border-color: #000000;
}

.navbar-inverse .navbar-nav > li > a {
	color: #000;
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
	background-color: #000;
		  font-weight:400 !important;
	
}

.nav .navbar-nav > li > a,
.nav .navbar-nav > li > href {
	  color: #000 !important;
	  text-shadow: none !important;
	  font-weight:400 !important;
}

.navbar-brand, .navbar-nav > li > a:hover, 
.navbar-brand, .navbar-nav > li > a:focus {
	background-color: rgba(255, 255, 255, .6);
	color: green; opacity: 1;
	font-weight:400 !important;
  
}

.navbar-collapse .collapse-in {
	  background-color: rgba(0, 0, 0, .4);
	
}

.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a {
text-shadow: none !important;
}





.btn-primary {/*Boton toggle naranja*/
  color: #ffffff;
  background-color: #cc0000;
  border-color: #000000;
  border-radius:4px;
}

.btn-primary:hover,/*Boton toggle naranja hover*/
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #ff3300;
  border-color: #000000;
}

.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 8px;
  margin-right: 15px;
  margin-bottom: 8px;
  background-color: black;
  background-image: none;
  border: 1px solid #aaaaaa;
  border-radius: 4px;
}
.navbar-toggle:focus {
  outline: none;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
  color:#ffffff;
  }
/*FIN CAMBIOS EN LAS NAVBAR DEL BOOTSTRAP, para todas las paginas*/

/*PARA LOS TIPOS DE LETRA DEL HEADER DESPUES DEL CAMBIO EN LA NAVBAR PARA HACERLA TRANSPARENTE*/
textnavbarsuperior{
font-size: 1.4em;
color: white;
text-shadow:
-2px 0 black, 0 1px black, 1px 0 black, 0 -1px black; 
}
/*FIN PARA LOS TIPOS DE LETRA DEL HEADER DESPUES DEL CAMBIO EN LA NAVBAR PARA HACERLA TRANSPARENTE*/

/*Para quitar la raya debajo del navbar collapse cuando colapsa*/
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: transparent;
}

/*CAMBIOS AL FORM-CONTROL DEL BOOTSTRAP PARA AUMENTAR EL TAMANYOS DE LETRA PARA EL PANEL DE ADMINISTRACION*/
.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-family:'Open Sans', 'Myriad Pro', Arial, sans-serif;
  font-weight: 100; 
  font-size: 20px;
  line-height: 1.428571429;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
/*FIN CAMBIOS AL FORM-CONTROL DEL BOOTSTRAP PARA AUMENTAR EL TAMANYO DE LETRA PARA EL PANEL DE ADMINISTRACION*/


/*Tomada del reset deMeyer para quitar los boliches de la lista*/
ol, ul {
list-style: none;
}
/*Fin Reset deMeyer para quitar los boliches de la lista*/

/*Mauro*/
.powderblue {
		background-color : black;
	}

.text-center {
		text-align : center;
}

h1, h2, h3, h4{
font-family: 'Open Sans', sans-serif;
font-weight: 300;
}


.clear {
	
	clear : both;
}

/*PARA PAGINA INIZIO*/

p.pantallazo {
	cursor:pointer;
	font-size: 1.6vmax;
	position: absolute;
	width: 400px;
	height: auto;
	left: 46.3%;
	top: 51.5%;
	display:inline-block;
	border-left:1px solid black;
	padding-left: 1.5vw;
	font-weight:100;"
}

img.ri {
	position: absolute;
	width: 100%;
	top: 0%;
	left: 0%;
	border-radius: 3px;
	box-shadow: 0 3px 20px rgba(0,0,0,0.9);
}

img.ri:empty {
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

@media screen and (orientation: portrait) {
  img.ri {
      max-width: 100%;
  }
}

@media screen and (orientation: landscape) {
  img.ri {
      max-height: 100%;
  }
}

img.ri2 {
	position: absolute;
	max-width: 50%;
	margin-top: -7.2vh;
	margin-left:11.9vw;
}

img.ri2:empty {
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

@media screen and (orientation: portrait) {
  img.ri2 {
      max-width: 50%;
  }
}

@media screen and (orientation: landscape) {
  img.ri2 {
      max-height: 50%;
  }
}



/*FIN PARA PAGINA INIZIO*/


/*========================PARA TODAS LAS PAGINAS=========================*/
/*Es para la tira derecha offcanvas, con todos los elementos comunes*/

.padeo{
margin:10px;
}

.padeo1{
padding:8px;
display:block;
}

.centrado{
margin: 0 auto;/*Para centrar elementos block, no funciona con inline y debe ir acompanyado de text-align center y display block, mas, segun, clear*/
display:inline-block;
text-align:center;
margin-top:0px;
}
.centrado .firmadoria{
margin-top:14px;
max-width:92%;
left:auto;
right:auto;
position:relative;
}
.avisos{
clear:right;
width:90%;
text-align:center;
margin-top:16px;
line-height:1.4em;
margin-left:auto;
margin-right:auto;
padding-right:0px;
font-family:'Open Sans', 'Myriad Pro', Arial, sans-serif;
font-weight: 300; 
font-size: 18px;
}
.centradofiltro{
display:block;
text-align:center;
margin-top:17px;
margin-left:9%;
z-index:0;
}

.separador1px{
height:1px;
}
.separador2px{
height:2px;
}
.separador3px{
height:3px;
}
.separador4px{
height:4px;
}
.separador5px{
height:5px;
}
.separador6px{
height:6px;
}
.separador7px{
height:7px;
}
.separador8px{
height:8px;
}
.separador9px{
height:9px;
}
.separador10px{
height:10px;
}
.separador16px{
height:16px;
}
/*========================FIN PARA TODAS LAS PAGINAS=========================*/


/*========================PARA FOOTER REDES SOCIALES=========================*/

.redsocial {
	width:36px;
	height:36px;
	border-radius:50%;
	border: 2px solid #999999;
	float:left;
	margin:8px;
	margin-right:4px;
}


/*=======================FIN PARA FOOTER REDES SOCIALES======================*/


/*===============PARA LA PAGINA 03 CATALOGO===================================*/


.categoria span.flecha{
color:#ffffff;
font-size:8px;
}
.subcategoria span.flecha{
color:#990000;
font-size:8px;
}
/*Por causa del Bootstrap, no funciona*/
/*a:link {
color:#000000 !important;
}*/

.especial{
clear:left;
display:block;
width:100%;
height:30px;
vertical-align:middle;
padding-left:16px;
}
.especial1{
clear:left;
display:block;
width:100%;
height:30px;
padding-left:16px;
}
.centrado .botones{
margin-top:18px;
max-width:50%;
margin-left:auto;
margin-right:auto;
display:block;
border:1px solid #999;
border-radius:4px;
}

.centrado1{
margin: 0 auto;/*Para centrar elementos block, no funciona con inline y debe ir acompanyado de text-align center y display block, mas, segun, clear*/
display:block;
text-align:center;
margin-top:44px;
margin-left:15%;
}
.centrado1 .botones1{
margin-top:0px;
max-width:100%;
margin-left:auto;
margin-right:auto;
display:block;
}



/*BOTONES QUE VIENEN DEL THEME DEL BOOTSTRAP*/
/*Bloque es el contenedor general del artefacto del menu*/
.bloque{
margin-top:-10px;
margin-bottom:30px;
margin-left:10px;
overflow:hidden;/*Sin este overflow auto no coge el padding ni el margin inferiores*/
}
/*Listas controla la forma ,fuente y comportamiento del boton en general*/
.listas{
  float:left;
  width:144px;
  height:80px;
  padding:0px 16px 0px 6px;
  margin:10px;
  margin-left:13px;
  font-weight:normal;
  line-height:1.10;
  text-align:center;
  cursor:pointer;
/*tomado de btn*/
  border:1px solid #aaaaaa;
  font-family: 'Coda', 'Myriad Pro', Arial, sans-serif;
  font-size:18px;
}

a.categoria{
margin-left:6px;
margin-right:12px;
height:80px;
    width:144px;
    text-align:center;
    display: table-cell;
    vertical-align:middle;
}

.listas1{
  display:inline;
  width:144px;
  height:80px;
  padding:8px 16px 0px 6px;
  margin:10px;
  margin-left:13px;
  font-weight:normal;
  line-height:1.20;/*Era 1.428571429, lo cambie a 1.33 del lg*/
  text-align:left;
  float:left;
  vertical-align:middle;
  cursor:pointer;
/*tomado de btn*/
  border:1px solid #aaaaaa;
  font-family: 'Coda', 'Myriad Pro', Arial, sans-serif;
  font-size:18px;
}
/*controla el color del cuadro que se desplegara con los submenus*/
.listas ul ul {
  display:none;
  background-color:#ffffff;
  vertical-align:middle;
  cursor: pointer;
}
/*Ojo, esto controla la lista desplegable que se abre. Nada de lo de aqui afecta a cada boton como tal que la envuelve*/
.listas li:hover > ul {
  display: block;
  position:absolute;/*Este absolute lo es respecto a la posicion del div padre*/
/*  right:20px;*//*seguir aqu�*/
/*  vertical-align:center;*/
margin-top:-10px;
margin-left:-40px;
  max-width:200px;/*Fija el ancho de la caja segunda*/
  height:auto;
  line-height:1.5;/*Era 1.428571429,*/
  z-index:5000;
   text-align:left;
/*  white-space:normal;*//*Esto hace que no desborde el texto de su caja segunda. Es la madre del cordero*/
  color:#8A2BE2;/*#8A2BE2, el que habia*/
  border:1px solid #888888;
  border-radius:12px;
  padding:6px;
  padding-top:16px;/*Entre ambas controlan  margenes sup e inf del texto de la caja 2 desplegable*/
  padding-bottom:16px;
    font-size:18px;
  overflow:visible;
 }
 
/*Juguetito para una transicion lenta de color en el hover*/
.subcategoria:hover{
color: #009900;
-webkit-transition: color .50s linear;
transition: color .50s linear;
  -moz-transition: color .50s linear;
  -ms-transition: color .50s linear;
  -o-transition: color .50s linear;
}

.listas:focus {
  outline: thin dotted #333;
  outline: 2px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.listas:hover,
.listas:focus {
  color: #333333;
  text-decoration: none;
}

.listas:active,
.listas.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 12px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 12px rgba(0, 0, 0, 0.5);
}

.listas.disabled,
.listas[disabled],
fieldset[disabled] .listas {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
}

.listas-default {
/*Tra�do de la caja de busquedas para ver como lo hago*/
/*    border-color: #999999;*/
	background: #dddddd;
	background-image: -moz-linear-gradient(#dddddd, #555555);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #dddddd),color-stop(1, #555555));/* A ver. Esto es lo que controla en realidad todo el artefacto. El segundo color oscurece, el primero aplica el base, me parece. Tal y como est�, el background de cada caso lo cojo de Bootstrap, el oscurecido lo busco yo*/
	
	moz-border-radius: 3px 40px 40px 3px;
	border-radius: 3px 40px 40px 3px;/*controla el radio del borde la caja buscar*/

	border-width: 1px;/*controla el grueso del perfil de la caja busqueda*/
	border-style: solid #357ebd;
/*	border-color: #7eba7c #578e57 #447d43;*/
	
	 -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
	 -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
	 box-shadow: 0 0 3px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;/*Controla la sombra de la caja buscar*/
	cursor: pointer;
/*	color: #000000;*/
/*	text-shadow: 0 1px 0 rgba(255,255,255,0.5);*//*Es el perfil del texto, no deberia de ser blanco si el texto es blanco*/
}


.listas-default:hover,
.listas-default:focus,
.listas-default:active,
.listas-default.active,
.open .dropdown-toggle.listas-default {
  color: #333333;
  background-color: #ebebeb;
  border-color: #adadad;
}

.listas-default:active,
.listas-default.active,
.open .dropdown-toggle.listas-default {
  background-image: none;
}

.listas-default.disabled,
.listas-default[disabled],
fieldset[disabled] .listas-default,
.listas-default.disabled:hover,
.listas-default[disabled]:hover,
fieldset[disabled] .listas-default:hover,
.listas-default.disabled:focus,
.listas-default[disabled]:focus,
fieldset[disabled] .listas-default:focus,
.listas-default.disabled:active,
.listas-default[disabled]:active,
fieldset[disabled] .listas-default:active,
.listas-default.disabled.active,
.listas-default[disabled].active,
fieldset[disabled] .listas-default.active {
  background-color: #ffffff;
  border-color: #cccccc;
}


/*Hago un nuevo boton dorado, lo llamo listas-gold*/
.listas-gold{
/*    border-color: #999999;*/
	background: #ffcc00;
	background-image: -moz-linear-gradient(#ffccoo, #cc9900);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #ffcc00),color-stop(1, #cc9900));/* A ver. Esto es lo que controla en realidad todo el artefacto. El segundo color oscurece, el primero aplica el base, me parece. Tal y como est�, el background de cada caso lo cojo de Bootstrap, el oscurecido lo busco yo*/
	
	moz-border-radius: 3px 40px 40px 3px;
	border-radius: 3px 40px 40px 3px;/*controla el radio del borde la caja buscar*/

	border-width: 1px;/*controla el grueso del perfil de la caja b�squeda*/
	border-style: solid #357ebd;
/*	border-color: #7eba7c #578e57 #447d43;*/
	
	 -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
	 -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
	 box-shadow: 0 0 3px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;/*Controla la sombra de la caja buscar*/
	cursor: pointer;
/*	color: #000000;*/
/*	text-shadow: 0 1px 0 rgba(255,255,255,0.5);*//*Es el perfil del texto, no deberia de ser blanco si el texto es blanco*/
}

.listas-gold:hover,
.listas-gold:focus,
.listas-gold:active,
.listas-gold.active,
.open .dropdown-toggle.listas-gold {
  color: #eeeeee;
  background-color: #ffcc00;
  border-color: #adadad;
}

.listas-gold:active,
.listas-gold.active,
.open .dropdown-toggle.listas-gold {
  background-image: none;
}

.listas-gold.disabled,
.listas-gold[disabled],
fieldset[disabled] .listas-gold,
.listas-gold.disabled:hover,
.listas-gold[disabled]:hover,
fieldset[disabled] .listas-gold:hover,
.listas-gold.disabled:focus,
.listas-gold[disabled]:focus,
fieldset[disabled] .listas-gold:focus,
.listas-gold.disabled:active,
.listas-gold[disabled]:active,
fieldset[disabled] .listas-gold:active,
.listas-gold.disabled.active,
.listas-gold[disabled].active,
fieldset[disabled] .listas-gold.active {
  background-color: #ffffff;
  border-color: #cccccc;
}
/*Fin nuevo boton listas-gold*/

/*Hago un nuevo boton blanco, lo llamo listas-blanco*/
.listas-blanco{
/*    border-color: #999999;*/
	background: #ffffff;
	background-image: -moz-linear-gradient(#ffffff, #dddddd);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #ffffff),color-stop(1, #dddddd));/* A ver. Esto es lo que controla en realidad todo el artefacto. El segundo color oscurece, el primero aplica el base, me parece. Tal y como est�, el background de cada caso lo cojo de Bootstrap, el oscurecido lo busco yo*/
	
	moz-border-radius: 3px 40px 40px 3px;
	border-radius: 3px 40px 40px 3px;/*controla el radio del borde la caja buscar*/

	border-width: 1px;/*controla el grueso del perfil de la caja b�squeda*/
	border-style: solid #357ebd;
/*	border-color: #7eba7c #578e57 #447d43;*/
	
	 -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
	 -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
	 box-shadow: 0 0 3px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;/*Controla la sombra de la caja buscar*/
	cursor: pointer;
/*	color: #000000;*/
/*	text-shadow: 0 1px 0 rgba(255,255,255,0.5);*//*Es el perfil del texto, no deberia de ser blanco si el texto es blanco*/
}

.listas-blanco:hover,
.listas-blanco:focus,
.listas-blanco:active,
.listas-blanco.active,
.open .dropdown-toggle.listas-blanco {
  color: #444444;
  background-color: #bbbbbb;
  border-color: #adadad;
}

.listas-blanco:hover{
  color: #444444;
  background-color: #bbbbbb;
  border-color: #adadad;
}

.listas-blanco:active,
.listas-blanco.active,
.open .dropdown-toggle.listas-blanco {
  background-image: none;
}

.listas-blanco.disabled,
.listas-blanco[disabled],
fieldset[disabled] .listas-blanco,
.listas-blanco.disabled:hover,
.listas-blanco[disabled]:hover,
fieldset[disabled] .listas-blanco:hover,
.listas-blanco.disabled:focus,
.listas-blanco[disabled]:focus,
fieldset[disabled] .listas-blanco:focus,
.listas-blanco.disabled:active,
.listas-blanco[disabled]:active,
fieldset[disabled] .listas-blanco:active,
.listas-blanco.disabled.active,
.listas-blanco[disabled].active,
fieldset[disabled] .listas-blanco.active {
  background-color: #ffffff;
  border-color: #aaaaaa;
}
/*Fin nuevo bot�n listas-blanco*/

.listas-primary {
/*Lo que habia*/
/*  background-color: #428bca;*//*OK, lo uso abajo*/
/*  border-color: #357ebd;*//*OK, lo uso abajo*/
/*Traido de la caja de busquedas para ver como lo hago*/
/*    border-color: #999999;*/
	background: #3366cc;
	background-image: -moz-linear-gradient(#3366cc, #003366);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #3366cc),color-stop(1, #003366));/* A ver. Esto es lo que controla en realidad todo el artefacto. El segundo color oscurece, el primero aplica el base, me parece. Tal y como est�, el background de cada caso lo cojo de Bootstrap, el oscurecido lo busco yo*/
	
	moz-border-radius: 3px 40px 40px 3px;
	border-radius: 3px 40px 40px 3px;/*controla el radio del borde la caja buscar*/

	border-width: 1px;/*controla el grueso del perfil de la caja busqueda*/
	border-style: solid #357ebd;
/*	border-color: #7eba7c #578e57 #447d43;*/
	
	 -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
	 -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
	 box-shadow: 0 0 3px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;/*Controla la sombra de la caja buscar*/
	cursor: pointer;
/*	color: #000000;*/
/*	text-shadow: 0 1px 0 rgba(255,255,255,0.5);*//*Es el perfil del texto, no deberia de ser blanco si el texto es blanco*/
}

.listas-primary:hover,
.listas-primary:focus,
.listas-primary:active,
.listas-primary.active,
.open .dropdown-toggle.listas-primary {
  color: #ffffff;
  background-color: #3276b1;
  border-color: #285e8e;
}

.listas-primary:active,
.listas-primary.active,
.open .dropdown-toggle.listas-primary {
  background-image: none;
}

.listas-primary.disabled,
.listas-primary[disabled],
fieldset[disabled] .listas-primary,
.listas-primary.disabled:hover,
.listas-primary[disabled]:hover,
fieldset[disabled] .listas-primary:hover,
.listas-primary.disabled:focus,
.listas-primary[disabled]:focus,
fieldset[disabled] .listas-primary:focus,
.listas-primary.disabled:active,
.listas-primary[disabled]:active,
fieldset[disabled] .listas-primary:active,
.listas-primary.disabled.active,
.listas-primary[disabled].active,
fieldset[disabled] .listas-primary.active {
  background-color: #428bca;
  border-color: #357ebd;
}

.listas-warning {/*Lo que hab�a*/
/*  color: #ffffff;*/
/*  background-color: #f0ad4e;*/
/*  border-color: #eea236;*/
/*Tra�do de la caja de busquedas para ver como lo hago*/
/*  border-color: #999999;*/
	background: #ff9933;
	background-image: -moz-linear-gradient(#ff9933, #ff3300);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #ff9933),color-stop(1, #ff3300));/* A ver. Esto es lo que controla en realidad todo el artefacto. El segundo color oscurece, el primero aplica el base, me parece. Tal y como est�, el background de cada caso lo cojo de Bootstrap, el oscurecido lo busco yo*/
	
	moz-border-radius: 3px 40px 40px 3px;
	border-radius: 3px 40px 40px 3px;/*controla el radio del borde la caja buscar*/

	border-width: 1px;/*controla el grueso del perfil de la caja busqueda*/
	border-style: solid #eea236;
/*	border-color: #7eba7c #578e57 #447d43;*/
	
	 -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
	 -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
	 box-shadow: 0 0 3px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;/*Controla la sombra de la caja buscar*/
	cursor: pointer;
/*	color: #000000;*/
/*	text-shadow: 0 1px 0 rgba(255,255,255,0.5);*//*Es el perfil del texto, no deberia de ser blanco si el texto es blanco*/
}

.listas-warning:hover,
.listas-warning:focus,
.listas-warning:active,
.listas-warning.active,
.open .dropdown-toggle.listas-warning {
  color: #ffffff;
  background-color: #ed9c28;
  border-color: #d58512;
}

.listas-warning:active,
.listas-warning.active,
.open .dropdown-toggle.listas-warning {
  background-image: none;
}

.listas-warning.disabled,
.listas-warning[disabled],
fieldset[disabled] .listas-warning,
.listas-warning.disabled:hover,
.listas-warning[disabled]:hover,
fieldset[disabled] .listas-warning:hover,
.listas-warning.disabled:focus,
.listas-warning[disabled]:focus,
fieldset[disabled] .listas-warning:focus,
.listas-warning.disabled:active,
.listas-warning[disabled]:active,
fieldset[disabled] .listas-warning:active,
.listas-warning.disabled.active,
.listas-warning[disabled].active,
fieldset[disabled] .listas-warning.active {
  background-color: #f0ad4e;
  border-color: #eea236;
}

.listas-danger {/*Lo que hab�a*/
/*  color: #ffffff;*/
/*  background-color: #d9534f;*/
/*  border-color: #d43f3a;*/
/*Tra�do de la caja de busquedas para ver como lo hago*/
/*  border-color: #999999;*/
	background: #f0ad4e;
	background-image: -moz-linear-gradient(#d9534f, #990000);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #d9534f),color-stop(1, #990000));/* A ver. Esto es lo que controla en realidad todo el artefacto. El segundo color oscurece, el primero aplica el base, me parece. Tal y como est�, el background de cada caso lo cojo de Bootstrap, el oscurecido lo busco yo*/
	
	moz-border-radius: 3px 40px 40px 3px;
	border-radius: 3px 40px 40px 3px;/*controla el radio del borde la caja buscar*/

	border-width: 1px;/*controla el grueso del perfil de la caja busqueda*/
	border-style: solid #d43f3a;
/*	border-color: #7eba7c #578e57 #447d43;*/
	
	 -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
	 -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
	 box-shadow: 0 0 3px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;/*Controla la sombra de la caja buscar*/
	cursor: pointer;
/*	color: #000000;*/
/*	text-shadow: 0 1px 0 rgba(255,255,255,0.5);*//*Es el perfil del texto, no deber�a de ser blanco si el texto es blanco*/
}

.listas-danger:hover,
.listas-danger:focus,
.listas-danger:active,
.listas-danger.active,
.open .dropdown-toggle.listas-danger {
  color: #ffffff;
  background-color: #d2322d;
  border-color: #ac2925;
}

.listas-danger:active,
.listas-danger.active,
.open .dropdown-toggle.listas-danger {
  background-image: none;
}

.listas-danger.disabled,
.listas-danger[disabled],
fieldset[disabled] .listas-danger,
.listas-danger.disabled:hover,
.listas-danger[disabled]:hover,
fieldset[disabled] .listas-danger:hover,
.listas-danger.disabled:focus,
.listas-danger[disabled]:focus,
fieldset[disabled] .listas-danger:focus,
.listas-danger.disabled:active,
.listas-danger[disabled]:active,
fieldset[disabled] .listas-danger:active,
.listas-danger.disabled.active,
.listas-danger[disabled].active,
fieldset[disabled] .listas-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}

.listas-success {
/*  color: #ffffff;*/
/*  background-color: #5cb85c;*/
/*  border-color: #4cae4c;*/
  /*Tra�do de la caja de busquedas para ver como lo hago*/
	background: #33cc66c;
	background-image: -moz-linear-gradient(#33cc66, #006633);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #33cc66),color-stop(1, #006633));
	
	moz-border-radius: 3px 40px 40px 3px;
	border-radius: 3px 40px 40px 3px;/*controla el radio del borde la caja buscar*/

	border-width: 1px;/*controla el grueso del perfil de la caja busqueda*/
	border-style: solid #4cae4c;
/*	border-color: #7eba7c #578e57 #447d43;*/
	
	 -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
	 -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
	 box-shadow: 0 0 3px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;/*Controla la sombra de la caja buscar*/
	cursor: pointer;
/*	color: #23441e;*/
/*	text-shadow: 0 1px 0 rgba(255,255,255,0.5);*/
}

.listas-success:hover,
.listas-success:focus,
.listas-success:active,
.listas-success.active,
.open .dropdown-toggle.listas-success {
  color: #ffffff;
  background-color: #47a447;
  border-color: #398439;
}

.listas-success:active,
.listas-success.active,
.open .dropdown-toggle.listas-success {
  background-image: none;
}

.listas-success.disabled,
.listas-success[disabled],
fieldset[disabled] .listas-success,
.listas-success.disabled:hover,
.listas-success[disabled]:hover,
fieldset[disabled] .listas-success:hover,
.listas-success.disabled:focus,
.listas-success[disabled]:focus,
fieldset[disabled] .listas-success:focus,
.listas-success.disabled:active,
.listas-success[disabled]:active,
fieldset[disabled] .listas-success:active,
.listas-success.disabled.active,
.listas-success[disabled].active,
fieldset[disabled] .listas-success.active {
  background-color: #5cb85c;
  border-color: #4cae4c;
}

.listas-info {/*Lo que hab�a*/
/*  color: #ffffff;*/
/*  background-color: #5bc0de;*/
/*  border-color: #46b8da;*/
  /*Tra�do de la caja de busquedas para ver como lo hago*/
/*  border-color: #999999;*/
	background: #99ccff;
	background-image: -moz-linear-gradient(#99ccff, #006699);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #99ccff),color-stop(1, #006699));/* A ver. Esto es lo que controla en realidad todo el artefacto. El segundo color oscurece, el primero aplica el base, me parece. Tal y como est�, el background de cada caso lo cojo de Bootstrap, el oscurecido lo busco yo*/
	
	moz-border-radius: 3px 40px 40px 3px;
	border-radius: 3px 40px 40px 3px;/*controla el radio del borde la caja buscar*/

	border-width: 1px;/*controla el grueso del perfil de la caja busqueda*/
	border-style: solid #46b8da;
/*	border-color: #7eba7c #578e57 #447d43;*/
	
	 -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
	 -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
	 box-shadow: 0 0 3px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;/*Controla la sombra de la caja buscar*/
	cursor: pointer;
/*	color: #000000;*/
/*	text-shadow: 0 1px 0 rgba(255,255,255,0.5);*//*Es el perfil del texto, no deberia de ser blanco si el texto es blanco*/
}

.listas-info:hover,
.listas-info:focus,
.listas-info:active,
.listas-info.active,
.open .dropdown-toggle.listas-info {
  color: #ffffff;
  background-color: #39b3d7;
  border-color: #269abc;
}

.listas-info:active,
.listas-info.active,
.open .dropdown-toggle.listas-info {
  background-image: none;
}

.listas-info.disabled,
.listas-info[disabled],
fieldset[disabled] .listas-info,
.listas-info.disabled:hover,
.listas-info[disabled]:hover,
fieldset[disabled] .listas-info:hover,
.listas-info.disabled:focus,
.listas-info[disabled]:focus,
fieldset[disabled] .listas-info:focus,
.listas-info.disabled:active,
.listas-info[disabled]:active,
fieldset[disabled] .listas-info:active,
.listas-info.disabled.active,
.listas-info[disabled].active,
fieldset[disabled] .listas-info.active {
  background-color: #5bc0de;
  border-color: #46b8da;
}

.listas-link {
  font-weight: normal;
  color: #428bca;
  cursor: pointer;
  border-radius: 0;
}

.listas-link,
.listas-link:active,
.listas-link[disabled],
fieldset[disabled] .listas-link {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.listas-link,
.listas-link:hover,
.listas-link:focus,
.listas-link:active {
  border-color: transparent;
}

.listas-link:hover,
.listas-link:focus {
  color: #2a6496;
  text-decoration: underline;
  background-color: transparent;
}

.listas-link[disabled]:hover,
fieldset[disabled] .listas-link:hover,
.listas-link[disabled]:focus,
fieldset[disabled] .listas-link:focus {
  color: #999999;
  text-decoration: none;
}



/*Estos botones, pasados a lista y que vienen del Bootstrap no se usan por ahora*/
.listas-lg {
/*display:inline-block;*/
/*  padding: 12px 16px;
  font-size: 16px;
  line-height: 1.33;
  border-radius: 12px;*/
}
/*
.listas-sm,
.listas-xs {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.listas-xs {
  padding: 1px 5px;
}

.listas-block {
  display: block;
  width: 100%;
  padding-right: 0;
  padding-left: 0;
}

.listas-block + .listas-block {
  margin-top: 5px;
}*/
/* FIN DE LA LISTA DE BOTONES TOMADOS DEL BOOTSTRAP*/
/*===============FIN DE LA PAGINA 03 CATALOGO=================================*/





/*Cerne, BOTONES FONDOS ETC*/
.listas-boton-01{
background-image:url('../img/fotos/pinceladas/boton-01.png');
background-size:100%;
}
.listas-boton-02{
background-image:url('../img/fotos/pinceladas/boton-02.png');
background-size:100%;
}
.listas-boton-03{
background-image:url('../img/fotos/pinceladas/boton-03.png');
background-size:100%;
}
.listas-boton-04{
background-image:url('../img/fotos/pinceladas/boton-04.png');
background-size:100%;
}
.listas-boton-05{
background-image:url('../img/fotos/pinceladas/boton-05.png');
background-size:100%;
}
.listas-boton-06{
background-image:url('../img/fotos/pinceladas/boton-06.png');
background-size:100%;
}
.listas-boton-07{
background-image:url('../img/fotos/pinceladas/boton-07.png');
background-size:100%;
}
.listas-boton-08{
background-image:url('../img/fotos/pinceladas/boton-08.png');
background-size:100%;
}
.listas-boton-09{
background-image:url('../img/fotos/pinceladas/boton-09.png');
background-size:100%;
}
.listas-boton-10{
background-image:url('../img/fotos/pinceladas/boton-10.png');
background-size:100%;
}
.listas-boton-11{
background-image:url('../img/fotos/pinceladas/boton-11.png');
background-size:100%;
}
.listas-boton-12{
background-image:url('../img/fotos/pinceladas/boton-12.png');
background-size:100%;
}
.listas-boton-13{
background-image:url('../img/fotos/pinceladas/boton-13.png');
background-size:100%;
}
.listas-boton-14{
background-image:url('../img/fotos/pinceladas/boton-14.png');
background-size:100%;
}
.listas-boton-15{
background-image:url('../img/fotos/pinceladas/boton-15.png');
background-size:100%;
}
.listas-boton-16{
background-image:url('../img/fotos/pinceladas/boton-16.png');
background-size:100%;
}
.listas-boton-17{
background-image:url('../img/fotos/pinceladas/boton-17.png');
background-size:100%;
}
.listas-boton-18{
background-image:url('../img/fotos/pinceladas/boton-18.png');
background-size:100%;
}
.listas-boton-19{
background-image:url('../img/fotos/pinceladas/boton-19.png');
background-size:100%;
}
.listas-boton-20{
background-image:url('../img/fotos/pinceladas/boton-20.png');
background-size:100%;
}
.listas-boton-21{
background-image:url('../img/fotos/pinceladas/boton-21.png');
background-size:100%;
}
.listas-boton-22{
background-image:url('../img/fotos/pinceladas/boton-22.png');
background-size:100%;
}
.listas-boton-23{
background-image:url('../img/fotos/pinceladas/boton-23.png');
background-size:100%;
}
.listas-boton-24{
background-image:url('../img/fotos/pinceladas/boton-24.png');
background-size:100%;
}
.listas-boton-25{
background-image:url('../img/fotos/pinceladas/boton-25.png');
background-size:100%;
}
.listas-boton-26{
background-image:url('../img/fotos/pinceladas/boton-26.png');
background-size:100%;
}
.listas-boton-27{
background-image:url('../img/fotos/pinceladas/boton-27.png');
background-size:100%;
}
.listas-boton-28{
background-image:url('../img/fotos/pinceladas/boton-28.png');
background-size:100%;
}
.listas-boton-29{
background-image:url('../img/fotos/pinceladas/boton-29.png');
background-size:100%;
}
.listas-boton-30{
background-image:url('../img/fotos/pinceladas/boton-30.png');
background-size:100%;
}
.listas-boton-31{
background-image:url('../img/fotos/pinceladas/boton-31.png');
background-size:100%;
}
.listas-boton-32{
background-image:url('../img/fotos/pinceladas/boton-32.png');
background-size:100%;
}
.listas-boton-33{
background-image:url('../img/fotos/pinceladas/boton-33.png');
background-size:100%;
}
.listas-boton-34{
background-image:url('../img/fotos/pinceladas/boton-34.png');
background-size:100%;
}
.listas-boton-35{
background-image:url('../img/fotos/pinceladas/boton-35.png');
background-size:100%;
}
.listas-boton-37{
background-image:url('../img/fotos/pinceladas/boton-37.png');
background-size:100%;
}
.listas-boton-38{
background-image:url('../img/fotos/pinceladas/boton-38.png');
background-size:100%;
}

.pincelada{
background-size:100%;
background-color:#cccccc;
width:100px;
height:50px;
color:#ffffff;

border-width: 1px;/*controla el grueso del perfil del boton*/
border-style: solid #eea236;

-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3), 0 3px 0 rgba(255, 255, 255, 0.3) inset;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3), 0 3px 0 rgba(255, 255, 255, 0.3) inset;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.3), 0 3px 0 rgba(255, 255, 255, 0.3) inset;/*Controla la sombra del bot�n*/

moz-border-radius: 20px 20px 20px 20px;/*controla el radio del borde*/
border-radius: 20px;
font-size:20px;
vertical-align:middle;
}



/*PAGINA CONTATTO Para el boton Submit, para ajustar el tamanyo de pincelada solo en su caso*/

.ajuste1 {
	margin-top:40px;
	width:120px;
	height:40px;
	margin-left:0; margin-right:0;
}

label {/*Modificacion a la linea 1650 de Bootstrap.css para poner el texto de las Label en normal*/
  font-weight: normal;
}


/* FIN PAGINA CONTATTO*/


/*=============PARA CERNE, VARIAS PAGINAS RESULTADOS DE BUSQUEDA=========*/

/*  INICIO DE LA DEFINICION DE LAS TRES CAJAS QUE TIENE CADA ELEMENTO  */
.cajamadre{
text-align:center;
/*margin-left:28px;*/
max-width:820px;
height:auto;
bottom:auto;
margin-left:auto;
margin-right:auto;
display:inline-block;
background-color:#ffffff;
/*overflow-x:hidden;*/
/*overflow-y:scroll;*/
overflow:hidden;/*es lo que hace que no desaparezca ni desborde por abajo, cuando reduce*/

/*A partir de aqui es capricho y golleria, solamente para sombrear. Con dejar solo el border, ya iria que arde*/
	border-width: 1px solid #aaaaaa;
	
	 -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
	 -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
	 box-shadow: 0 0 12px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
	 /*termina sombreado*/
}

.cajamadre > .cajahija{
	display:inline-block;
}


.cajamadreRetirado{
margin-left:16px;
max-width:840px;
height:auto;
bottom:auto;
display:block;
border-radius:4px;
background-color:#dddddd;
/*overflow-x:hidden;*/
/*overflow-y:scroll;*/
overflow:hidden;/*es lo que hace que no desaparezca ni desborde por abajo, cuando reduce*/

	border-width: 1px;/*controla el grueso del perfil de la caja busqueda*/
	border-style: solid;
	border-color: #aaaaaa;/*esto es lo que habia*/
	
	 -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
	 -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
	 box-shadow: 0 0 12px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
/*	 border: solid 1px #555555;*/
	 /*termina sombreado*/
}

.cajahija{
/*display:inline-block;*/
margin:9px;
width:180px;
height:180px;
/*border:1px solid white;*/
border-radius:12px;
background-color:#fffceb;
position:relative;

}

.cajahijaRetirado{
margin:9px;
width:130px;
height:130px;
background-color:#888888;
border:1px solid #ffffff;
border-radius:4px;
/*position:relative;*/
/*cursor: pointer;*/
}

/*  FIN DE LA DEFINICION DE LAS DOS CAJAS  */


/*  INICIO DEL MECANISMO PARA AJUSTAR LOS THUMBS AL CUADRO INTERNO  */
/*Partes del mecanismo para ajustar los thumbs tomadas de esta pagina: http://stackoverflow.com/questions/16310918/css-scale-and-square-center-crop-image*/

.cajathumb{
    padding: 0;
    list-style: none;
    height: 164px;
    width: 100%;
    line-height:164px;/*Anyadido para que al entenderlo como texto tenga esta altura para el mismo y entonces centre los cuadros*/
    text-align:center;
    /*margin-top: -3px;*/

}

.cajathumb img{
    display: inline-block;
    margin: 0 auto;
    margin-top:4%;
    top:0;
    bottom:0;
    max-width: 92%;/*Este 92% se refiere al 92% de los 164 pixeles de la caja anterior, para dejar un blanco y luego centrarlo*/
    max-height:100%;
    /*border:1px solid #000000;*/
    border-radius:1px;
    cursor: pointer;
    -ms-interpolation-mode: bicubic; /* Better image scaling in IE*/
}

/*OJO, OJO, OJO, apanyo para que el Morcilla FF funcione y adapte el max-height que no coge de ninguna manera con porcentaje*/
@-moz-document url-prefix() {
	.cajathumb img{
	max-height:164px;}
}

.statusdiv{
	/*max-width: 98%;*/
	/*padding:4px;
	border-radius:3px;*/
	border:1px solid #444444;
	/*margin-top:-16px;
	margin-bottom:-16px;*/
	/*margin-left:auto;
	margin-right:auto;*/
	/*-webkit-transition: all 2s linear;
	-o-transition: all 0.8s linear;
	-ms-transition: all 0.8s linear;
	transition: all 0.8s linear;   
	-moz-transition: all 0.8s ease-in-out;*/
}

/*@media screen and (orientation: portrait) {
.status img  {
      max-width: 94%;
  }
}

@media screen and (orientation: landscape) {
.status img  {
      max-height: 72vh;
  }
}*/



/*  FIN DEL MECANISMO PARA AJUSTAR LOS THUMBS AL CUADRO INTERNO  */


/*  INICIO DEL MECANISMO PARA EL HOVER DE CADA THUMB  */
/*Esta clase large esta para indicar el tamanyo de la foto cuando se hace el hover y ampia. El conjunto de parametros de esta y su Hover de abajo son para que me salga colocada donde deseo*/

.cajathumb .large {
/*display:none;*/
/*position:relative;*/
/*width:0;*//*Pone todo a cero, con lo cual no se ve el elemento. Es exactamente lo mismo que decir display:none, no se si habia alguna razon para establecer tantas ordenes, de hecho, funciona sin ellas*/
/*height:0;
border:0;
top:0;
left:0;*/
}

.cajathumb:hover .large {
display:inline-block;
position:absolute;
margin-top:-20%;
top: auto;/*en origen, en pixeles, como lo tuve, pero parece algo mejor en porcentajes, tendria que evaluarlo. Todavia es mas curioso con auto*/
left:auto;/*lo separa del borde izquierdo, igual funciona en pixeles, en porcentajes y auto*/
width:60%;/*en origen ten�a 400px, pero, claro, no sirve para cuando se reduce, pues es medida fija*/
height:auto;
border-width:1px solid #cc9900;
border-radius:4px;
z-index:2000;

/*A partir de aqui es capricho y golleria, solamente para sombrear. Con dejar solo el border, ya iria que arde*/
	border-width: 1px;/*controla el grueso del perfil de la caja busqueda*/
	border-style: solid;
	border-color: #7eba7c #578e57 #447d43;
	
	 -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
	 -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
	 box-shadow: 0 0 12px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
/*	 border: solid 1px #555555;*/
	 /*termina sombreado*/
}

/*He tenido que poner el visited por la cabronada que me hace el Bootstrap, supongo que segun el color de fondo seguira dando problemas*/
:visited{
color:#000000;
}

.cajahija2{
margin:9px;
}

.cajathumb2{
float:left;
margin:9px;
max-width:700px;
height:auto;/*Aparentemente auto y 100% funcionan igual*/
position:relative;/*si indico absolute coloca barras de scroll*/
    padding: 0;
    margin-top:-250px;
    margin-left:260px;
    list-style: none;/*Quita el boliche de los <li>*/
/*    overflow:hidden;*/
}


/*En la practica, con esto solo coge el margen y el float para que?*/
/*.cajathumb2 li{
    height: 130px;
}*/


/*PAG 08. PARA COLOCAR LOS ELEMENTOS DE TEXTO*/

.cajathumb2.TitArticulo{
font-family: 'Coda', 'Myriad Pro', Arial, sans-serif;
font-size:0.9em;
font-weight:700;
line-height:20px;
padding-top:8px;
text-decoration:underline;
}
a.TitArticulo:hover{
color:#cc0000;
}
span.TitArticulo{
text-decoration:underline;
text-align:justify;
}
.TitArticulo:visited{
color:#444444;
}
span .NumArticulo a href{
padding-top:8px;
text-decoration:underline;
}
.cajathumb2 p .sin_subrayar{
margin-top:0px;
text-decoration:underline;
}
.sin_subrayar:visited{
color:#444444;
}
.PvpArticulo{
margin-top:0px;
font-weight:200;
}
.PvpDtoArticulo{
float:right;
font-size:1.2em;
font-weight:200;
margin-top:0px;
}

.fechapedido{
font-family: 'Coda', 'Myriad Pro', Arial, sans-serif;
float:right;
font-size:0.8em;
font-weight:300;
margin-top:4px;
}

.empresa{
font-weight:300;
margin-top:0px;
font-family:'Coda', 'Myriad Pro', Arial, sans-serif;
font-size:16px;
font-weight:300;
line-height:18px;
padding-top:0px;
margin-right:8px;
margin-right:4px;
margin-bottom:12px;
text-decoration:underline;
}

.retirado{
text-align:center;color:Brown;font-size:18px;padding-top:1px;
}
/*FIN PAG 08. PARA COLOCAR LOS ELEMENTOS DE TEXTO*/


.mayordomo{
margin-top:20px;
}

.sombreado{
-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.6), 0 0px 0 rgba(255, 255, 255, 0.6) inset;
-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.6), 0 0px 0 rgba(255, 255, 255, 0.6) inset;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.6), 0 0px 0 rgba(255, 255, 255, 0.6) inset;
border-radius:4px;
}

/*Para la opacidad de los fondos y la razon de quitar el background en cada elemento al que se la aplique*/
.opacidad{
/*background-color:#ffffff;*/

/* Fallback for web browsers that don't support RGBa */
background-color: rgb(0, 0, 0);
/* RGBa con 0.6 de opacidad */
background-color: rgba(255, 255, 240, 0.7);
/* Para IE 5.5 - 7*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
/* Para IE 8*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

/*Para la opacidad de los fondos y la razon de quitar el background en cada elemento al que se la aplique*/
.opacidad2{
background-color:#000000;
/* Fallback for web browsers that don't support RGBa */
background-color: rgb(0, 0, 0);
/* RGBa con 0.6 de opacidad */
background-color: rgba(255, 255, 255, 1);
/* Para IE 5.5 - 7*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
/* Para IE 8*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

/*.dettaglio-image {
max-width:94%;
height:80vmin;
margin-bottom:8px;
margin-left:auto;
margin-right:auto;
right:8px;
left:8px;
display:block;
}*/

.dettaglio-image {
max-width: 98%;
margin-top:8px;
margin-bottom:16px;
margin-left:auto;
margin-right:auto;
right:8px;
left:8px;
display:block;
border-radius: 3px;
box-shadow: 0 0px 6px rgba(0,0,0,0.9);
}

@media screen and (orientation: portrait) {
.dettaglio-image {
      max-width: 94%;
  }
}

@media screen and (orientation: landscape) {
.dettaglio-image {
      max-height: 78vh;
  }
}

/*PARA PAGINA DETTAGLIO*/
.cajamadredettaglio{
margin-top:70px;
height:auto;
width:auto;
/*bottom:10%;*/
margin-left:12%;
margin-right:12%;
margin 0 auto;
display:block;
border-radius:8px;
}
/*FIN PAGINA DETTAGLIO*/



.CajaCorreos07a{/*se usa en la elastislide*/
display:block;
width:100%;
height:90%;
min-width:270px;
max-width:900px;
padding:0px;
left:auto;
right:auto;
margin-top:40px;
margin-bottom:8px;
border-radius:8px;
background-color:rgba(255,255,255,0.3);

}





/*pagina Opera*/
.medidas1 a{
height:140px;
display:inline-block;
vertical-align:middle;
line-height:22px;
color:white;	
font-weight: 100;
}

/*Para pagina BIOGRAFIA*/
.piebio{
	width:300px;
	text-align:left;
	margin-left:14px;
	font-size:14px;
	/*font-style:italic;*/
	color:#791508;
}
.piebioderecha{
	width:300px;
	text-align:left;
	margin-left:30px;
	font-size:14px;
	/*font-style:italic;*/
	color:#791508;
}

.fotito {
	background-color:white;
	border-radius:4px;
	margin-right:24px;
	margin-top:6px;
	margin-left:-30px;
	margin-bottom:8px;
	border:1px solid #791508;
	padding:3px;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.7s ease-in-out;
	-moz-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	-ms-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;
}

.fotitoderecha {
	background-color:white;
	border-radius:4px;
	margin-right:0px;
	margin-top:6px;
	margin-left:0px;
	margin-bottom:8px;
	border:1px solid #791508;
	padding:3px;
	-webkit-transform: scale(1.01);
	-moz-transform: scale(1.01);
	-o-transform: scale(1.01);
	-ms-transform: scale(1.01);
	transform: scale(1.01);
	-webkit-transition: all 0.7s ease-in-out;
	-moz-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	-ms-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;
}

.fotitoderechavert {
	background-color:white;
	border-radius:4px;
	margin-right:0px;
	margin-top:6px;
	margin-left:0px;
	margin-bottom:8px;
	border:1px solid #791508;
	padding:3px;
	-webkit-transform: scale(1.01);
	-moz-transform: scale(1.01);
	-o-transform: scale(1.01);
	-ms-transform: scale(1.01);
	transform: scale(1.01);
	-webkit-transition: all 0.7s ease-in-out;
	-moz-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	-ms-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;
}

.fotito.large:hover {
cursor:pointer;
display:block;
position:absolute;
left:6vw;
width:auto !important;
height:70vmin !important;
border:1px solid white;
box-shadow: 0px 0px 1pt 1pt #680E0E;
border-radius:2px;
z-index:90000 !important;
padding:8px;
margin:12px;
/*top: 50; left: 0; bottom: 50; right: 0;*/
	-webkit-transform: scale(1.01);
	-moz-transform: scale(1.01);
	-o-transform: scale(1.01);
	-ms-transform: scale(1.01);
	transform: scale(1.01);
	-webkit-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;
	-moz-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	opacity:1;
}


/*.large:hover {
cursor:pointer;
display:block;
width:auto !important;
/*max-height:60vmin !important;*/
	/*margin:8 px;
	margin-bottom:16px;
	position: relative;
	top: 0; left: 0; bottom: 0; right: 0;
border:1px solid white;
box-shadow: 0px 0px 1pt 1pt #680E0E;
border-radius:2px;
z-index:90000;
padding:8px;
background-image:white;
opacity:1;
/*margin:0px;*/
	/*-webkit-transform: scale(1.01);
	-moz-transform: scale(1.01);
	-o-transform: scale(1.01);
	-ms-transform: scale(1.01);
	transform: scale(1.01);
	-webkit-transition: all 0.7s ease-in-out;
	-moz-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;
	opacity:1;
}*/

/*@media screen and (orientation: portrait) {
  .large:hover { max-width: 70vw; }
}*/

/*@media screen and (orientation: landscape) {
  .large:hover { max-height: 50vmin; }
}*/

/*.fotito:empty:hover {
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}*/



/*.fotitoderecha.large:hover {
cursor:pointer;
display:block;
width:auto !important;
max-height:85vmin !important;
	margin: 8;
	margin-bottom:16px;
	position: relative;
	top: 0; left: 0; bottom: 0; right: 0;
border:1px solid white;
box-shadow: 0px 0px 1pt 1pt #680E0E;
border-radius:2px;
z-index:90000;
padding:8px;
background-image:white;
opacity:1;
	-webkit-transform: scale(1.01);
	-moz-transform: scale(1.01);
	-o-transform: scale(1.01);
	-ms-transform: scale(1.01);
	transform: scale(1.01);
	-webkit-transition: all 0.7s ease-in-out;
	-moz-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;
	opacity:1;
}*/



.fotitoderecha.large:hover {
cursor:pointer;
display:block;
position:absolute;
right : 6vw;
width:auto !important;
height:70vmin !important;
border:1px solid white;
box-shadow: 0px 0px 1pt 1pt #680E0E;
border-radius:2px;
z-index:90000 !important;
padding:8px;
margin:0px;
	-webkit-transform: scale(1.01);
	-moz-transform: scale(1.01);
	-o-transform: scale(1.01);
	-ms-transform: scale(1.01);
	transform: scale(1.01);
	-webkit-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;
	-moz-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	opacity:1;
}

.fotitoderechavert.large:hover {
cursor:pointer;
display:block;
position:absolute;
right : 10vw;
width:auto !important;
height:70vmin !important;
border:1px solid white;
box-shadow: 0px 0px 1pt 1pt #680E0E;
border-radius:2px;
padding:8px;
z-index:90000 !important;
margin:0px;
	-webkit-transform: scale(1.01);
	-moz-transform: scale(1.01);
	-o-transform: scale(1.01);
	-ms-transform: scale(1.01);
	transform: scale(1.01);
	-webkit-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;
	-moz-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	opacity:1;
}

/*.fotitoderechavert.large:hover {
cursor:pointer;
display:block;
width:auto !important;
max-height:85vmin !important;
	margin: 8;
	margin-bottom:16px;
	position: relative;
	top: 0; left: 0; bottom: 0; right: 0;
border:1px solid white;
box-shadow: 0px 0px 1pt 1pt #680E0E;
border-radius:2px;
z-index:90000;
padding:8px;
background-image:white;
opacity:1;
	-webkit-transform: scale(1.01);
	-moz-transform: scale(1.01);
	-o-transform: scale(1.01);
	-ms-transform: scale(1.01);
	transform: scale(1.01);
	-webkit-transition: all 0.7s ease-in-out;
	-moz-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;
	opacity:1;*/
}

article.biografia_alberto > p {
		margin-bottom : 2em;
	}
	
/*FIN BIOGRAFIA*/


/*PARA GALERIAS*/
.pegadoabajo{
	font-family: 'Open Sans', sans-serif;
	margin-left:11px;
	margin-top:-6px;
	font-size:14px;
	width:176px;
	height:36px;
	text-align:center;
	text-transform:uppercase;
}

.paempezar{
	margin-top:0px;
	margin-left:8px;
	color:black;
	text-transform:uppercase;
	font-size:20px;
	}
	

/*FIN PARA GALERIAS*/