/*	--------------------------------------------------
	Reveal Modals
	-------------------------------------------------- */

		@font-face {
  font-family: Dosis;
  src: url(abel-regular.ttf);
}


@font-face {
  font-family: DosisBold;
  src: url(dosis-bold.ttf);
}

html, body {font-family: Dosis;} 
	.reveal-modal-bg  { display: none; position: fixed; z-index: 1000; top: 0; left: 0; width: 100%; height: 100% }
	
	
	.reveal-modal2     {
	background: #f9f9f9; 
	text-align: center; 
	visibility: hidden; 
	zzzdisplay: inline-block; 
	padding: 30px 15px 15px; 
	position: absolute; 
	z-index: 1001; 
	top: 0; 
	width: 50%; 
	-moz-border-radius: 5px; 
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.4); 
	-webkit-border-radius: 5px; 
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4); 
	border-radius: 5px; 
	box-shadow: 0 0 1em rgba(0,0,0,.4); 
	margin-left: 25%; 
	left: 0; }
		
		
		.reveal-modal3     { 
		background: #f9f9f9; 
		text-align: center; 
		visibility: hidden; 
		display: inline-block; 
		padding: 3px 25px 25px; 
		position: absolute; 
		z-index: 5001; 
		ZZZtop: 44px; 
		bottom: 59px; 
		margin: 0 auto;
		left:50%;
		width: 100%; 
		box-shadow: 0 0 1em rgba(0,0,0,.4); 
		max-width:700px;
		-khtml-opacity: 0.9; 
		-moz-opacity: 0.9; 
		filter: alpha(opacity=9); 
		opacity: 0.9
		}
		
	
	.reveal-modal     { background: #f9f9f9; text-align: center; visibility: hidden; display: inline-block; margin-left: -44.4%; padding: 30px 40px 34px; position: absolute; z-index: 5001; left: 50%; width: 80%; -moz-border-radius: 5px; -moz-box-shadow: 0 0 10px rgba(0,0,0,.4); -webkit-border-radius: 5px; -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4); border-radius: 5px; box-shadow: 0 0 1em rgba(0,0,0,.4); opacity: 1  !important }
		
	.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
	.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
	.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
	.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}
	
	.reveal-modal .close-reveal-modal,.reveal-modal2 .close-reveal-modal, .reveal-modal3 .close-reveal-modal {
		text-decoration:none;
		font-size: 22px;
		line-height: .5;
		position: absolute;
		top: 8px;
		right: 11px;
		color: #aaa;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: bold;
		cursor: pointer;
		} 


#targetImg {text-align:center;display:inline-block;}

#targetImgEdit {text-align:center;}

.informacionFoto {margin-top:0px;padding-left:30px}

.zeroRight  { margin-top: 0; padding-left: 30px; height: 100%;
display:table-cell;
vertical-align:bottom; }

@media all and (max-width: 600px){
.informacionFoto {margin-top:30px;padding-left:0px}
.zeroRight {margin-top:20px;padding-left:0px}
	.reveal-modal  {  visibility: hidden; margin-left: -10px; padding: 30px 20px 34px; position: absolute; z-index: 1001; top: 100px; left: 5%; width: 85%; -box-shadow: 0 0 10px rgba(0,0,0,.4); -moz-border-radius: 5px; -moz-box-shadow: 0 0 10px rgba(0,0,0,.4); -webkit-border-radius: 5px; -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4); border-radius: 5px }

}


.imagenCuadro { 
/*background-image: url("/cms/photo/images/trianguloVerde.png"); 
background-repeat: no-repeat; 
top: 0; 
left: 0 ;*/
-webkit-box-shadow: rgba(0, 0, 0, 0.496094) 0px 15px 10px -15px, rgba(0, 0, 0, 0.292969) 0px 1px 4px;
box-shadow: rgba(0, 0, 0, 0.496094) 0px 15px 10px -15px, rgba(0, 0, 0, 0.292969) 0px 1px 4px;

}



/*------------------------en raiz*/
.fotoVista  { background-color: #fff9ff; text-align: center; margin: 5px; padding: 10px; width: 144px; height: 90px; float: left; border: solid 1px #ffd9ff ;display:block;}
.fotoVista img {max-width:100px;max-height:80px;}
.comboBox { background-color: #fff; margin-right: 10px; padding-right: 10px }
.fotoMenos a,.fotoMas a, .borrarFoto a { color: #000; font-size: 80px; text-decoration: none }
.fotoMenos { float: left }
.fotoMas { float: right }
.borrarFoto { text-align: center; width: 100% }
#imagenes2 img  {  margin-bottom: 10px; width: 100%; border: solid 0 #ccc }
.fotoRatio  { overflow: auto; border: solid 2px #0c0 }


#pedidoWindow  { z-index: 2000; width: 100%; float: left }
#pedidoTicket   { margin-bottom: 30px; position: relative; z-index: 2000; width: 100%; float: left }

#loading { background-color: white; text-align: center; display: none; position: fixed; z-index: 100000 !important; top: 0; left: 0; width: 100%; height: 100%; 
-khtml-opacity: 0.94; 
-moz-opacity: 0.94; 
filter: alpha(opacity=94); 
opacity: 0.94 }

#loading-image    { position: absolute; top: 50%; left: 50%;
margin-top:-32px;
margin-left:-32px; }


.loading-bloque, .loading-edit   { 
background-color: white; 
text-align: center; 
display: none; 
width: 100%; 
height: 100%; 
position: absolute;
top: 0; left: 0;
 z-index:200000 !important;
-khtml-opacity: 0.85; 
-moz-opacity: 0.85; 
filter: alpha(opacity=85); 
opacity: 0.85 }

.bloque-foto-report-precios  { 
background-color: white; 
text-align: center; 
display: none; 
width: 100%; 
height: 100%; 
position: absolute;
top: 0; left: 0;
 z-index:200000 !important;
-khtml-opacity: 0.95; 
-moz-opacity: 0.95; 
filter: alpha(opacity=95); 
opacity: 0.95 }

.loading-Ticket   { background-color: white; text-align: center; display: none; position: absolute; z-index: 200000 !important; top: 0; left: 0; width: 100%; height: 100%; border: solid 1px #d0d0d0; -khtml-opacity: 0.85; -moz-opacity: 0.85; filter: alpha(opacity=85); opacity: 0.85  }

#loading-image-edit   { position: absolute; top: 43%; left: 46% }

#loading-image-bloque   { padding-top: 100px }
#loading-image-login   { padding-top: 100px }


.loadingBoxLogin   { 
text-align: center; 
display: none; 
width: 100%; 
height: 100%; 
position: absolute;
top: 0; left: 0;
 z-index:200000 !important;
}

.loadingBox   { 
background-color: white; 
text-align: center; 
display: none; 
width: 50%; 
height: 100%; 
position: absolute;
top: 0; left: 0;
 z-index:200000 !important;
-khtml-opacity: 0.85; 
-moz-opacity: 0.85; 
filter: alpha(opacity=85); 
opacity: 0.85 }

#loading-image-Box   { padding-top: 100px }
.cuerpo #boxLoad  img {
width: auto;
}

.cuerpo {
    color: #666;
    font-size: 15px;
    line-height: 19px;
    padding-bottom: 10px;
	width: 100%;
display: inline-block;}



#rejilla   { background-color: transparent; background-image: url("/photo/images/rejilla2.png"); background-repeat: repeat; background-position: center; -khtml-opacity: 0.55;  filter: alpha(opacity=55); opacity: 0.55 }

input[type="radio"] {margin-top:-4px;}

.demo button {display:none;}

a.tooltips     { color: #333; font-size: 11px; font-family: "Open Sans"; font-weight: 300; line-height: 14px; text-decoration: none; display: inline; position: relative }

a.tooltips span    { background: #f4f4f4; display: none; padding: 10px; position: absolute; width: 188px; min-height: 30px; border: solid 1px #666; border-radius: 2px   }

a.tooltips span:after  { margin-left: -8px; position: absolute; top: 100%; left: 50%; width: 0; height: 0; border-top: 8px solid #666; border-right: 8px solid #fff; border-left: 8px solid #fff; content: '' }
a:hover.tooltips span  { display:block; margin-left: -81px; z-index: 999; bottom: 30px; left: 50% }


a.tooltips span td   { font-size:11px;  }
a.tooltips  img  { max-width:11px;  }


b, strong {font-weight:bold;}

.ord-n {display:none;}
.ord-w {display:none;}
.ord-s {display:none;}
.ord-e {display:none;}


.AjaxUploaderQueueTable {float:left;width:100%;}
.AjaxUploaderProgressTable {float:left;width:100%;}

.AjaxUploaderCancelAllButton {display:none; float:left;clear:both;}

.AjaxUploaderProgressBarText {font-family:Helvetica !important;font-size:11px;}
.AjaxUploaderProgressInfoText {font-family:Helvetica !important;font-size:11px;}
.AjaxUploaderProgressTable div div  {font-family:Helvetica;font-size:12px;}
#uploaderInfo button {display:none;}


#myModalContact {font-family:Helvetica;font-size:12px;}
.ventanaScroll {
padding-right: 30px;
max-height: 500px;
overflow: auto;
overflow-x: hidden;
}


.ventanaScroll2 {
padding-right: 30px;
max-height: 500px;
overflow: auto;
overflow-x: hidden;
}


.botonFacebook   { color: #f8f8f8; font-size: 12px; font-family: Arial; font-weight: bold; text-decoration: none; background-color: #4c69ba; padding: 5px; border-width: 0 }
.botonFacebook:hover  { color: #FFFFFF; text-decoration: none;} 

#lista  { display: block; float: left; border: solid 0 #ccc;width:100%; }
.reviewBottom  { margin: 20px 4px 4px; float: right }
.caracteristicas { text-align: center; width:100%; }

.fotoCuadro {vertical-align:middle;}
.fotosFaceB   { background-color: #fff; text-align: center; cursor: pointer; margin: 4px 8px 4px 0; padding: 8px; width: 180px; float: left; border: solid 1px #ccc }
.nameAlbum  { font-size: 10px; font-family: Helvetica; font-weight: 400; margin-bottom: 5px }
.albumsLista { background-color: #f3f3f3; margin-top: 10px; padding: 8px; width: 100%; float: left; border: solid 1px #ccc }
.fotosAlbum { margin-right: 9px; margin-bottom: 6px; float: left }

.ventanaScroll   { padding-right: 30px; max-height: height: 500px; overflow: auto; overflow-x: hidden; }
.boxOk  { font-size: 13px; font-weight: normal; line-height: 18px }
.boxError  { font-size: 13px; font-weight: normal; line-height: 18px }
.crop    { display: inline-block; margin: -1px; position: relative; width: 150px; height: 150px; overflow: hidden; border: solid 0 #fff }
.crop img  { margin: auto; position: absolute; top: -100%; right: -100%; bottom: -100%; left: -100%; width: 200%;   }
.gallery   { text-align: center; margin-top: 20px; width: 100%; display: inline-block; }
.ppt {display:none;}
.pp_gallery {display:none !important;}
.pp_description {margin-top: 4px;}

.producto  { background-color: #f8f8f8; text-align:center; display: block; padding: 15px; margin: 8px; padding: 4px; width:204px;height: 280px; border: solid 1px #999;position:relative; }

.producto h2 {
font-size: 12px;
font-weight: bold;
margin: 0;
}

.preciodecimales {
font-weight: bold;
font-size: 15px;
margin-top: -8px;
}

.precio {
font-size: 19px;
font-weight: bold;
}

.botoncomprar  { color: #fff; font-size: 12px; font-family: "Open Sans", Arial; text-decoration: none; background-color: #c00; background-image: none; letter-spacing: 0.7px; cursor: pointer; display: inline-block; margin-left: 8px; padding: 6px 14px; border: solid 0; -moz-border-radius: 4px; -ms-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px }
.botoncomprar:hover  { color: #fff; text-decoration: none; background-color: #f33; background-image: none; cursor: pointer; border-style: solid; border-width: 0; border-color: #000 #600 #600 #000 }
.botonComercio0 { font-size: 12px }


.inputWrapper {
    
    overflow: hidden;
    position: relative;

    /*Using a background color, but you can use a background image to represent a button*/
    
}
.fileInput {
    cursor: pointer;
    height: 100%;
    position:absolute;
    top: 0;
    right: 0;
    z-index: 99;
    /*This makes the button huge. If you want a bigger button, increase the font size*/
    font-size:50px;
    /*Opacity settings for all browsers*/
    opacity: 0;
    -moz-opacity: 0;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0)
}

.fotoPedirProd {max-width:100%;max-height:400px;}


#menuPhoto {
    font-size: 12px !important;
    
    display: inline-block;
				padding:0px;
}


#menuPhoto li {
				display: inline-block;
    font-size: 12px;
    line-height: 14px;
    background-color: #fff;
    text-align: center;
    cursor: pointer;
    list-style-type: none;
    list-style-image: none;
    margin: 3px 3px;
    padding: 4px 8px 8px;
    width: 23%;
    height: 100px;
    ZZZmax-width: 100px;
    border: solid 1px #c3a669;
    -moz-border-radius: 3px;
    -moz-box-sizing: border-box;
    -webkit-border-radius: 3px;
    -webkit-box-sizing: border-box;
    border-radius: 3px;
    box-sizing: border-box;
    text-decoration: none;
    text-transform: capitalize;
}


#menuPhoto li a {
	   font-size: 13px;
    text-decoration: none;
    color: #000000;
    line-height: 17px;
}

#menuPhoto a img {
	width:36px;
	margin: 5px 0;;
}




.imagenCuadro   { text-align: center; background-color: #f6f6f6; margin: 4px; padding: 0px; width:228px;height:320px;float:left; border: 0 !important;}
.imagenCuadro1     { background-color: #f6f6f6; text-align: center; margin: 4px; padding: 0; width: 206px; sheight: 310px; float: left; border: solid 8px #e4e4e4 }

.slogan  { margin: 17px; display:inline-block;}
.margenD {padding-right:40px;}
.columnaFotos {padding-top:45px;}



.codigoVer {padding: 7px;
max-width: 141px;}

.rowsXero {width:12.5% !important;}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.titularHome  { font-size: 134% }
	.cuerpoHome  { font-size: 81% ;line-height:138%;}
	.zerogrid{width:768px;}
	.slogan  { margin: 12px; }
	.rowsXero {width:20% !important;}
}
@media only screen and (max-width: 767px) {
	.titularHome  { font-size: 134% }
	.cuerpoHome  { font-size: 81% ;line-height:138%;}
	.sloganText      { top: 70px; left: 120px; width: 70% }
	.zerogrid{width:100%;}
	.imagenCuadro   {  width:48%; }
	.imagenCuadro1   {  width:48%; }
	.slogan {padding:3px;}
	.rowsXero {width:25% !important;}
	
}

@media only screen and (min-width: 620px) and (max-width: 767px) {
	.titularHome   { font-size: 111%; margin: 20px 20px 8px }
	.cuerpoHome   { font-size: 71%; line-height: 138%; margin: 0 20px 15px }
	.zerogrid{width:100%;}
	.slogan {padding:3px;}
	.slogan  { margin: 16px; }
	.rowsXero {width:25% !important;}
}



#photo .navMobile {display:none;}
#photo .menu_bar {	display:none;}
#progContent, #progContent1 {font-size:10px;}
#photo h1 {

    width: 100%;
	font-family: Dosis; font-size: 26px;
	    line-height: 29px;
}

.ZZZtopHeader {height: 50px;}
.rightside {text-align:right}


@media only screen and (max-width: 799px) { 
.zerogrid .col-1-4 {   width: 25%;}
.zerogrid .col-3-4 {   width: 75%;}
	.row {padding-top: 0px;
}
}




.combos   { font-size: 11px; font-family:Helvetica; background-color: #fff; width: 80px; border: solid 1px #999; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border-top-left-radius: 2px; border-top-right-radius: 2px; padding:1px; }


#rejilla   { background-color: transparent; background-image: url("/cms/photo/images/rejilla2.png"); background-repeat: repeat; background-position: center; -khtml-opacity: 0.55;  filter: alpha(opacity=55); opacity: 0.55 }

input[type="radio"] {margin-top:-4px; float:left;}
td input[type="radio"] {margin-top:3px;}

.demo button {display:none;}

a.tooltips    { color: #333 !important; font-size: 11px; font-family: Helvetica; line-height: 14px; text-decoration: none !important;  display: inline; position: relative }

a.tooltips span   { background: #fff;  display: none; padding: 10px; position: absolute; width: 190px; min-height: 30px; border: solid 1px #666; border-radius: 2px;font-size:11px;line-height:13px; margin-top:8px; }

a.tooltips span:after  { margin-left: -8px; position: absolute; top: 100%; left: 50%; width: 0; height: 0; margin-left: -9px; border:0;
content: '';
background: url('/cms/photo/images/verticeToolTips.png');
 	width: 16px/* width of the image */;
  	height: 8px/* height of the image */;
  	display: block;
   }
a:hover.tooltips span  { display:block; margin-left: -107px; z-index: 999; bottom: 30px; left: 50% }

.lato  { font-size: 11px }

.wrapper {

float: left;
width: 100%;
}


.bolaFotos    { color: #fff; font-size: 10px; text-decoration: none; background-color: #c00; text-align: center; display: table-cell; margin-top: 4px; width: 17px; height: 17px; float: left; vertical-align: middle }

.bolaFotos1     { color: #fff; font-size: 11px; background-color: #c00; text-align: center; padding: 0px 5px;  }

.bolaFotos1top     { 
    /* color: #fff; */
    font-size: 11px;
    /* background-color: #c00; */
    text-align: center;
    margin-left: -29px;
    margin-top: 6px;
    padding: 0 4px;
    vertical-align: middle;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;}

.bolaComercio {display: table-cell; float: left; vertical-align: middle;margin-right:0px;}
.bolaComercio ,.bolaFotos   {position:relative;z-index:5500;}






#figcaption {display:none;}



.my-gallery figure {
  display: block;
  margin:0;
}






#overlay{
  position:fixed;
  z-index:99999;
  top:0;
  left:0;
  bottom:0;
  right:0;
  background:rgba(255,255,255,0.85);
  transition: 1s 0.4s;
}

#progress{
  height:0px;
  background:rgba(245,245,245,0.8);
  position:absolute;
  width:0;
  top:50%;
  margin-top:90px;
}

#progstat{
  font-size:0.8em;
  letter-spacing:1px;
  position:absolute;
  top:50%;	
  width:100%;
  text-align:center;
  color:#333;
}

#signo  {     
	height: 26px;
	width: 26px;
    display: inline-block;
	background-color: #fff; cursor: pointer; padding: 0; 
	border: solid 1px #999 }

#signo:hover       { background-color: #88c627 }


.caracteristicas .inputs {
margin-top: 0px; 
    margin-bottom: 2px;
    padding: 0;
    font-size: 13px;
    margin-left: -1px;
				margin-right: -1px;
				border: solid 1px #999;
}
	
.roundedLeft { 
-moz-border-radius: 4px 0 0 4px ;
-webkit-border-radius: 4px 0 0 4px ;
border-radius: 4px 0 0 4px ;
}

.roundedRight { 
-moz-border-radius: 0 4px 4px 0;
-webkit-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;
}

.topBottLine  { border-style: solid; border-width: 1px 0; border-color: #999 }

.cantidad         { font-size: 12px; background-color: #fff; text-align: center; display: inline; margin: 0; -moz-border-radius: 0px;
    -webkit-border-radius: 0px; */
    border-radius: 0px; padding: 5px;height:26px; }


.icoRefresh {vertical-align:middle;display:inline-block;margin-left:5px;margin-top:-4px;width:20px;}

.boton1b  { color: #fff; font-size: 11px; background-color: #c00; padding: 3px 8px }

#form1 button {
color: #fafafa;
font-size: 11px;
font-family: Arial;
text-decoration: none;
background-color: #e32118;
text-align: center;
letter-spacing: 1px;
cursor: pointer;
display: inline-block;
margin-top: 2px;
margin-bottom: 2px;
padding: 3px 8px;
border: 0;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius:2px;
}

.verCodigo {
-moz-border-top-left-radius: 0px;
-webkit-border-top-left-radius: 0px;
border-top-left-radius: 0px;
-moz-border-bottom-left-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
border-bottom-left-radius: 0px;}

.overlayPrecios {  
    background-color: rgba(255,255,255, 1);    
    text-align:center;
    font-size:18px;
}

.overlayPrecios td {  
    font-size:12px;
}

.overlayPrecios .titbox {  
    color: rgba(0,0,0, 1);    
}

.overlayPrecios .inputs {margin:0;text-align:center;
    font-size:12px;}

.cantidad {margin:0 -1px;font-size:12px;}


.overlay-content {
    position: relative;
    top: 0;
    width: 100%;
    text-align: center;
    margin-top: 0px;
}

.closebtn {
	padding: 8px;
	cursor:pointer;
    text-decoration: none !important;
    font-size: 36px;
    color: #818181;
    display: block;
    transition: 0.3s;
    position: absolute;
    top: -12px;
    right: 4px;
    font-size: 35px;
}

.padding4 {padding:4px;}
.padding10 {padding:10px;}

#signo img  { margin: 6px; width: 12px; height: 12px }

.imgS  { cursor:pointer;padding: 4px; width: 11px; height: 11px; border: solid 1px #aaa }
.imgS:hover   { background-color: #ddffd6 }

.misPedidos { padding: 15px 10px 5px; border-bottom: 1px solid #ccc }
.misPedidos .tit { font-size: 14px; font-weight: bold }
.misPedidos .precio { font-size: 12px; font-weight: bold; text-align: right }
.totalFotos  { font-size: 80% }

.metePrecios {position:absolute;z-index:60000;}
#totalPVPt    { color: #900; font-size: 16px; font-weight: bold; margin-top: 10px; width: 100% }
#gastos, #subtotal  { color: #666; font-size: 15px; font-weight: normal; width: 100% }

.fav {
  width: 44px;
  height: 44px;
  background: url(/photo/css/default-skin/default-skin2.png) 0 0 no-repeat;
  -webkit-appearance: none;  
  border: 0;
  padding: 0;
  margin: 0;

  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-position: -220px -44px;

position:fixed;
z-index:5900;
bottom:40px;
left:50%;
margin-left:-22px;
opacity:.8;
}

.shop {
-webkit-appearance: none;  
position: fixed;
z-index:6000;
background-color: white;
zzzbottom:0px;
top:-100%;
left:50%;
margin-left:-200px;
color: #444;
display:inline-block;
width:100%;
height:100%;
max-width:700px;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}

.favY 	{display:block !important;}
.favN 	{display:none !important;}
.shopN 	{display:none !important;}
.shopY 	{display:block !important;}
.medidas {display:block;width:100%;text-align:center;}


.bottomPrecios    { 
background-color: #f8f8f8; 
padding: 10px; 
position: fixed;
z-index:8000; 
bottom: 0; 
999width: 400px; 
999height: 137px; 
border-top: 1px solid #999 ;

position: fixed;
z-index:6000;
background-color: white;
bottom:0px;

left:50%;
margin-left:-200px;
color: #444;
display:inline-block;
width:100%;
height:158px;
max-width:700px;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}


::-webkit-scrollbar {
   -webkit-appearance: none;
}

::-webkit-scrollbar:vertical  { width: 8px }

::-webkit-scrollbar:horizontal  { height: 8px }

::-webkit-scrollbar-thumb    { background-color: #999; border: solid 2px #fff; border-radius: 10px   }

::-webkit-scrollbar-track { 
   background-color: transparent; 
}

.center {text-align:center;}

#clave   { text-align: center; margin: 40px auto 0; padding: 20px 40px; max-width: 330px; border:0 !important; }

#pedidoTicket td, #bloquePagar td{color:#333 !important;font-size:12px;}

.boxes2      { margin: 2px; }
	
.ratioFoto    { color: #fafafa; font-size: 11px; font-family: Arial; font-weight: normal; background-color: #333; text-align: center; display: inline-block; margin-right: 4px; padding: 3px; min-width: 22px; float: left; border: solid 1px #333; -moz-border-radius: 2px; -ms-border-radius: 2px; -webkit-border-radius: 2px  }
.m0 { padding: 0; border-width: 0;display:table-cell;vertical-align:middle; }
.v0  { display: inline-block; padding: 2px; float: left; border: solid 2px #333;-moz-border-radius: 4px; -ms-border-radius: 4px; -webkit-border-radius: 4px  }
.r0   { color: #000; background-color: #fff; display: inline-block; padding: 2px; float: left; border: solid 2px #333;-moz-border-radius: 4px; -ms-border-radius: 4px; -webkit-border-radius: 4px  }

.boxes2  { position:relative;  padding: 0 !important; height: 350px;}
.boxes2title {width:100%;position:absolute;padding:15px; height: 200px; bottom:0;background: url('/photo/images/transparente1.png');}
.titBox2 {margin-top:-5px;}

.boton1b    { font-size: 12px; font-family: Arial; text-decoration: none; text-align: center; letter-spacing: 1px; cursor: pointer; display: inline-block; margin-top: 2px; margin-bottom: 2px; padding: 4px 8px; border: 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px
   }
.boton1b:hover {text-decoration:none;color: #fff;}

.verde    { color: #fff; background-color: #65b700 !important }
.verde:hover   { background-color: #90cc2d !important }

.negro    { color: #fff; background-color: #333 !important }
.negro:hover   { background-color: #444 !important }

.ara-header-cookies-advice {
top:0;
position: fixed;
}

#idiomas    				{ color: #000; text-align: right; padding: 4px; float: right; }
#idiomas ul   				{ list-style-type: none; list-style-image: none; display: block; margin: 0; padding: 0; }
#idiomas li           		{ list-style-type: none; list-style-image: none; margin-left: 12px; padding: 2px 0; border-bottom: 1px solid #bbb; }
#idiomas ul li ul     		 { color: #000; background-color: #f3f3f3; display: none; margin: 0; position: absolute; top: 24px; right: 0; width: 100px; border: solid 1px #ccc }
#idiomas li:hover    	{ text-decoration: none }

#idiomas li:hover ul, #idiomas li.over ul {display:block;}
#idiomas li:hover ul li ul, #idiomas li.over ul li ul {display:none;}

#idiomas li ul li          	 { font-weight: normal; margin: 2px 0 2px 8px; padding: 2px 0; border-bottom: 1px solid #ccc }
#idiomas li ul li ul li   	{ font-weight: normal; padding-left: 0; border-bottom: 0 none }
#idiomas li:last-child	{ border:none}

#idiomas li a				{ text-decoration: none; display: block }

.titularMedidas  { color: #333; font-size: 24px }
.fechaPortadas  { color: #fff;
font-size: 14px;
font-weight: 700;
line-height: 21px;
margin-top: 5px;
margin-bottom: 8px;
text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.6);}

.lila   { color: #fff; background-color: #a068ac }

.bold  { font-weight: bold; }

.recuadro   { font-weight: normal; margin-top: 10px; margin-right: 6px; padding: 4px; float: left; border: solid 1px #a3a3a3; -moz-border-radius: 4px; -ms-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;  }

.topHeader img {
margin-top: 5px;
max-width: 280px;

}


#photo .titularCuerpo, #orders h2 {
margin-top: 30px;

}

#photo .topHeader {height:54px;}
	
	
	#photo .titularz {
    color: #cc2222;
    font-family: Dosis;
    margin-top: 30px;
    font-size: 18px;
    line-height: 20px;
    font-weight: 400;
    border-bottom: 1px solid #666666;
    padding-bottom: 4px;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

	#photo .titularAccion {
    float: left;
    text-align: left;
    font-size: 20px;
    line-height: 22px;
    font-weight: bold;
    color: #cc0000;
    width: 100%;
    margin: 10px 0 20px;
    text-transform: uppercase;
				padding-left: 0px;
				border-left: 0px;
    height: 30px;
    display: inline-block;
    background-color: transparent;
				
}

label input[type="checkbox" i] {
	margin-right:10px;margin-top:0;
    -webkit-appearance: checkbox;
    box-sizing: border-box;
	float:left;
}

.box-sizing .cuerpo {float:left;text-align:left;}
.iconos img {margin:3px;}

#photo .button1 {
    color: #000;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    background-color: #fca6a6;
    cursor: pointer;
    margin-bottom: 20px;
    padding: 6px 20px;
    border: solid 1px #e75151;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
	display: inline-block;
}

#photo .button1:hover {
    color: #ffffff;
	background-color: #e75151;}

#photo .mini {
				font-size: 12px;
    line-height: 18px;
    color: #333;} 




#photo .inputs, .inputsBox, selectzzz {
    font-size: 14px;
    background-color: #ffffff;
				color: #333;
				padding: 6px;
}



#photo td {
    color: #000000;
    font-size: 14px;
}

#photo .mini td {
				font-size: 11px;
    line-height: 12px;
    color: #333;} 


.nameBox {
    color: #333;
    font-size: 14px;
    font-weight: bold;
    line-height: 22px;
    float: left;
    min-width: 120px;
}


@media only screen and (max-width: 500px) {

	#photo .topHeader {height:70px;}
.rowsXero {width:33% !important;}
	.rightside {text-align:center}
.pp_overlay {opacity: 0.85 !important;}
.pp_pic_holder { width: 100%!important; left:0 !important; height: auto!important; padding-top:20px !important; }
.pp_content {width:100% !important; height: auto!important;}
.pp_content_container .pp_left { padding-left: 0px !important; ;}
.pp_content_container .pp_right { padding-right: 0px !important; ;}
.pp_hoverContainer {width:100% !important; height: 100% !important;}
.pp_top, .pp_bottom {height:0px !important; padding: 0 !important;}
#pp_full_res {width:100% !important; height: auto!important;}
body #pp_full_res {font-size:0px !important;}
a.pp_previous,a.pp_next {display:block !important;height: 212% !important;}

div.light_square .pp_previous {
background: url(/cms/js/images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat !important;;}

div.light_square .pp_next {
background: url(/cms/js/images/prettyPhoto/light_square/btnNext.png) center right no-repeat !important;;}

#pp_full_res img {width:100% !important; height: auto!important;}
.pp_top .pp_middle, .pp_bottom .pp_middle {height: 0px !important;}
.pp_top .pp_left, .pp_bottom .pp_left {height: 0px !important;width: 0px !important;}
.pp_top .pp_right, .pp_bottom .pp_right {height: 0px !important;width: 0px !important;}
.pp_content_container .pp_details {display:none !important; }
.pp_gallery,.pp_expand {display:none !important; }


	#menuPhoto li {width: 31%;}
	
	.topHeader {text-align:center;ZZZheight:82px;}
	.slogan { margin:5px;}
	.slogan {padding:10px;}
	.slogan a {font-size:14px;}
	.cuerpoBottom {text-align:center;}
	.topHeader .navMobile {
		ZZZdisplay:block;
		width:100%;
		left:-100%;
		margin:0;
		position: absolute;
		background:#990000;
		z-index:10001;
	}
 .navMobileZona {display:block;
		width:100%;
		left:-110%;
		margin:0;
		position: absolute;
		background:#a52443;
		z-index:10000;
	}
	.topHeader .navMobile ul li {
		display:block;
		float:none;
		border-bottom:1px solid rgba(255,255,255, .3);
	}
 	
	#photo .menu_bar  { text-align: right; display: block; position: absolute; right: 15px; bottom: 0px; }
	.menuH {	display:none;}
	.crop {
		margin-right: -1px;
		margin-bottom: 9px;
		position: relative;
		width: 100%;
		height: 200px;}
	.barraSlogan {float: none;}
	.bottom .zerogrid .row {text-align:center;}
	.titularHome { font-size: 196%; }
	.cuerpoHome  { font-size: 105% ;line-height:138%;margin-bottom:30px;}
	.hiddenPhone {display:none;}
	.ZZZmenuArea {display:none;}
	.menu {display:none;}
	.cuerpo {font-size:15px;line-height:23px;}
	.cuerpo img {max-width:100%;}
	#menu li a {font-size: 19px;}
	.rightCol {padding:0;}
	.sloganText        { font-size: 20px; line-height: 24px; text-align: center; margin-right: 20px; margin-left: 20px; position: absolute; top: 90px; right: 0; left: 0 }
	.zerogrid, .zerogrid .col-1-2, .zerogrid .col-1-3, .zerogrid .col-2-3, .zerogrid .col-1-4, .zerogrid .col-2-4, .zerogrid .col-3-4, .zerogrid .col-1-5, .zerogrid .col-2-5, .zerogrid .col-3-5, .zerogrid .col-4-5, .zerogrid .col-1-6, .zerogrid .col-2-6, .zerogrid .col-3-6, .zerogrid .col-4-6, .zerogrid .col-5-6{
	width:100%;	margin-bottom:0px;
	
	}
	.imagenCuadro   { width:100%;margin: 0px;  margin-bottom: 8px; }
	.imagenCuadro1   { width:100%;margin: 0px;  margin-bottom: 8px; }
	.margenD {padding-right:0px;}
	.columnaFotos {padding-top:10px;}
	
	.reveal-modal2     {	
	width: 100%; 	
	margin-left: 0; 
	left: 0; }
	
	.reveal-modal3 {
padding: 3px 10px 10px;
}

}

.login {
    color: #222;
    background-color: rgba(255, 255, 255, .7);
    text-align: right;
    letter-spacing: 1px;
    padding: 4px;
    position: fixed;
    z-index: 500;
    right: 0px;
    top: 0px;
}
.login img {max-width:15px;}

ZZZ.ventanaScroll, td {color:#333333}
.ventanaScroll .titularCuerpo {color:#000000}
.caracteristicas {color:#000000}