/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 10-feb-2014, 20:01:29
    Author     : Sergi
*/
body{
    background-color: #F6F6F6;
    background-image: url('../imgenes/bg.png');
    background-repeat: repeat-x;
    background-position-y: 13px;
    min-height: 100%;
    min-width: 100%;
    height: 100%;
    width:100%;
    font-family: 'Open Sans';
}
p, li, a, ul,a:visited{
    
    text-decoration: none;
    margin: 0;
    padding: 0;
    color: #333;
}

.arial{
    font-family: 'Open Sans';
    font-weight: lighter;
}

h1,h2,h3,h4,h5,h6{
    
    text-decoration: none;
    margin: 0;
    padding: 0;
}

/* CABECERA*/
#trans{
    height: 137px;
    width: 100%;
    margin-bottom: 8px;
    
}
#header{
    
    width: 70%;
    margin: 0 auto;
    min-width: 987px;
    position: relative;
    
}
.logo{
    position: relative;
    float:left;
    margin-top: 48px;
}
#menuHeader{
    top: 0;
    right: 0;
    position: absolute;
}
#menuHeader a li{
    display: inline-block;
    margin: 0 5px;
    padding: 7px 20px;
    
}
.menuOption{
	color: #262626;
	
        background-color: #ffffff;
	
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	border: 0px solid #000000;
	-moz-box-shadow:
		-1px 1px 3px rgba(000,000,000,0.4),
		inset 0px 0px 1px rgba(255,255,255,0.2);
	-webkit-box-shadow:
		-1px 1px 3px rgba(000,000,000,0.4),
		inset 0px 0px 1px rgba(255,255,255,0.2);
	box-shadow:
		-1px 1px 3px rgba(000,000,000,0.4),
		inset 0px 0px 1px rgba(255,255,255,0.2);
	
}
.menuOption:hover{
    background-color:  rgb(253, 131, 117);
    color: #ffffff;
}
.menuOption:active{
	
	-moz-box-shadow:
		0px 0px 0px rgba(000,000,000,0.4),
		inset 0px 0px 1px rgba(255,255,255,0.2);
	-webkit-box-shadow:
		0px 0px 0px rgba(000,000,000,0.4),
		inset 0px 0px 1px rgba(255,255,255,0.2);
	box-shadow:
		0px 0px 0px rgba(000,000,000,0.4),
		inset 0px 0px 1px rgba(255,255,255,0.2);
	
}
.active{
    background-color: #e01028;
    color: #ffffff;
}
.formulario_login{float: right; position: relative; margin-top:25px;margin-right: 3px; width: 270px;}
.login_input{float: right; width: 60%;padding: 2px 5px;}
#boton{float: left;margin: 2px; padding: 4px 13.9%;}
.label_login_input{margin-top: 4px;}
#logout{
    width: 130px;
    padding: 2px 5px;
    float: right;
    margin-top: 7px;
    margin-left: 5px;
}
#logoutBox{
    margin-top: 44px;
}
#logoutBox p{
    font-size: 16px;
    margin-top: 5px;
}
/* END CABECERA*/
/* MENU LATERAL*/
.box{
    width: 95%;
    padding: 10px 5px;
    margin: 10px 0;
    background-color: #ffffff;
    -webkit-box-shadow: -2px 2px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    -2px 2px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         -2px 2px 5px 0px rgba(50, 50, 50, 0.75);
}

#sidebar{
    height: 100%;
    float: left;
    width: 19%;
    
    
}
#menuLateral{
    list-style: none;
    margin-left: 5px;
    font-size: 14px;
}

.lateralOption{
    font-weight: bold;
    color: #666;
    
}
.lateralOption:hover{
    color: #e01028
}
.lateralOption:active{
    color: #333;
}
.banner{
    width: 100%;
}
#wrapper{
    min-width: 987px;
    margin: 0 auto;
    width: 70%;
}
#content{
    float: left;
    width: 81%;
    max-width: 900px;
    padding-top: 10px;
}
/* BOX TYPE*/
.defaultBox{
    position: relative;
    padding: 10px;
    margin-left: 10px;
    margin-right: 7px;
    margin-bottom: 10px;
    -webkit-box-shadow: -2px 2px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    -2px 2px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         -2px 2px 5px 0px rgba(50, 50, 50, 0.75);
    background-color: #ffffff;
    min-height: 340px;
    height: auto;
    width: 28.5%;
    float: left;
    padding-bottom: 20px;
}
.autoHeight{
    min-height: 80px;
    height: auto !Important;
}


.clearing{clear:both;}
.dos{width: 45%;}
.double{width: 61.5%;}
.full{width: 100%;}
.fullMax{width: 97.2%;position: absolute; left: 0px;}
.cuatro{width: 21.5%;}
.defaultBox img{
    width: 100%;
    max-height: 200px;
    margin-bottom: 12px;
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
    -webkit-box-shadow: -1px 1px 1px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    -1px 1px 1px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         -1px 1px 1px 0px rgba(50, 50, 50, 0.75);
}
.boximagenoshadow img{
     -webkit-box-shadow: none !Important;
    -moz-box-shadow:  none !Important;
    box-shadow:  none !Important;
}
.defaultBox p{
    width: 92%;
    overflow: hidden;
    text-align: justify;
    margin-left: 15px;
}

.defaultBox h2{
    margin: 5px 10px;
}
.indexBox{
   height: 340px;
}
.indexBox p{
    max-height: 80px;
}
.indexBox input[type='button'],.indexBox input[type='submit']{
    margin-top: 10px;
    float: right;
}
.localizacionBox{
    height: 431px;
}
#localizacionBoxMini{
    height: 200px;
    padding: 5px;
    min-height: 0px;
}
#localizacionBoxMini p{
    margin-left: 5px;
    margin-right: 5px;
    font-size: 14px;
}
#localizacionBoxMini img{
    width: 50%;
    margin-left: 25%;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    
}
.product img{width:360px; height: auto; margin-top: 25%; alignment-adjust: central;}
.product{margin-left: 10px;
    margin-right: 7px;
    margin-bottom: 10px;
    -webkit-box-shadow: -2px 2px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    -2px 2px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         -2px 2px 5px 0px rgba(50, 50, 50, 0.75);
    background-color: #ffffff;
    height: 360px;
    float: left;
    padding:10px;
    position: relative;
}
.product p{
    width: 92%;
    overflow: hidden;
    text-align: justify;
    margin-left: 20px;
}
.product h2{
    margin: 5px 10px;
}
#productDescriptionBox ul,.product ul{
    margin-top: 10px;
    margin-left: 20px;
}
.product input{
    position: absolute;
    right: 10px;
    bottom: 20px;
}
.productBox{
    height: 350px;
}
.productBox p{
    height: 65px;
    overflow: hidden;
}
.productBox input{
    position: absolute;
    right: 20px;
    bottom: 10px;
}
.productBox label{
    position: absolute;
    left: 120px;
    bottom: 15px;
    font-size: 20px;
    font-weight: normal;
    
}
.productBox ul{
    visibility: hidden;
}
.imageNone img{
    -moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    -moz-box-shadow:    0px 0px 0px 0px rgba(0, 0, 0, 0);
    box-shadow:         0px 0px 0px 0px rgba(0, 0, 0, 0);
}
.productBox img{
    -moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    -moz-box-shadow:    0px 0px 0px 0px rgba(0, 0, 0, 0);
    box-shadow:         0px 0px 0px 0px rgba(0, 0, 0, 0);
}
.miniproductBox{
    height: auto;
}
.miniproductBox label{
    font-size: 16px;
}
.miniproductBox h2{
    font-size:1em;
}
.product label{
    position: absolute;
    left: 55px;
    bottom: 20px;
    font-size: 28px;
}
.subBox{
    margin-top:10px;
    padding-bottom: 20px;
    position: relative
}

.subBox h2{
    font-size: 18px;
}
.formularBox{
    float: left;
    width: 280px;
}
.centerBox{
    width: 500px;
    margin: 0 auto;
}
.formularBox input[type="submit"]{
    width: 258px;
}
#colegios{
    margin-top: 23%;
    width: 280px;
}
#imgintroBox {
    width: 180px;
    height: auto;
    max-height: 100%;
    position:relative;
    float: left;
    margin: 0 auto;
     -moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
    -webkit-box-shadow:  none;
    -moz-box-shadow:    none;
    box-shadow:         none;

}
.noneBorder{
     -moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
    -webkit-box-shadow:  none;
    -moz-box-shadow:    none;
    box-shadow:         none;
}
/*END BOX TYPES*/

/*TRABAJOS*/
.trabajo{
    width: 28.5%;
    position: relative;
    float: left;
    margin-top: 30px;
    margin-left: 30px;
    
}
.trabajo ul{
    margin-left: 15px;
}
.trabajo li{
    padding:5px 0px;
}
.trabajo h3{
    margin-left: -15px;
}
/*FIN TRABAJOS*/
/*CONTACTO*/
input, textArea
{float:left; 
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
 border:2px solid #cecece;
 outline: none;
 font-family: 'Open Sans';
 font-size: 14px;
 }
 input[type='button'],input[type='submit']{
	font-family: 'Open Sans';
	font-size: 14px;
	color: #4a4a4a;
	padding: 7px 30px;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#e6e6e6);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#ffffff),
		to(#e6e6e6));
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #cecece;
	-moz-box-shadow:
		0px 1px 0px rgba(000,000,000,0.3),
		inset 0px 0px 1px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 0px rgba(000,000,000,0.3),
		inset 0px 0px 1px rgba(255,255,255,1);
	box-shadow:
		0px 1px 0px rgba(000,000,000,0.3),
		inset 0px 0px 1px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0),
		0px 2px 0px rgba(255,255,255,0);
}
input[type='button']:active,input[type='submit']:active{
    -moz-box-shadow:
		0px 0px 0px rgba(000,000,000,0.3),
		inset 0px 0px 0px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 0px 0px rgba(000,000,000,0.3),
		inset 0px 0px 0px rgba(255,255,255,1);
	box-shadow:
		0px 0px 0px rgba(000,000,000,0.3),
		inset 0px 0px 0px rgba(255,255,255,1);
        border: 1px solid #cecece;
}
input[type='button']:focus,input[type='submit']:focus{
    border: 1px solid #cecece;
}
 
 label{
     float: left;
 
 }
 input:focus, textArea:focus{
     border-color: #e01028
 }
 .contacto_input{
     width: 90%;
     margin-left: 20px;
     margin-right: 20px;
     padding: 2px 5px;
     height: 25px;
 }
 .label_contacto_input{
     margin-left:  20px;
 }
 .contacto_input_boton{
     margin-top: 10px;
     float: right;
     margin-right: 35px;
 }
 #formulario_contacto{
     margin-top: 20px;
 }
 #contacto_explicacion{
     height: 70px;
 }
 /*FIN CONTACTO*/

 
 /*REGISTRO*/
 .registro_input,.loginBig_input{
     width: 95%;
     padding: 2px 5px;
 }
 #box_loginBig, #box_register{
     height: 370px;
 }
 #formulario_loginBig, #formulario_registro{
     margin-top: 20px;
     margin-left: 15px;
 }
 #registro_terminos{
     width: 20px;
     float: left;
     position: relative;
     left: 0px;
 }
 #label_registro_terminos{
     margin-left: 5px;
 }
 #label_registro_terminos a{
     color: #e01028;
 }
 #registro_input_boton{
     font-size: 14px;
     margin-top: 10px;
     width: 50%;
 }
 #loginbig_input_boton{
     width: 50%;
     margin-top: 10px;
 }
 
 
 /*FIN REGISTRO*/
/*CARRO*/
.item{
   
    
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
        padding: 15px 20px;
    -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
    box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
}
.itemCarro{
    width: 90%;
    height: 28px;
    margin: 10px 20px;
}
.itemCarro p{
    font-size: 18px;
    width: auto;
    margin-left: 0;
}.itemCarro span{
    font-size: 16px;
    width: 115px;
    float: right;
    margin: 3px;
    text-align: right;
}
.cantidadItem12{
    width: auto;
}
#precioUnitario{
    width: 100px 
}
.nombreItem{
    float: left;
}
.cantidadItem{
    float:right;
    width: 40px;
}
#papelera{
    width:auto;
    height: auto;
   -moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow:   none;
    box-shadow:    none;
    float:right;
    margin-left: 10px;

}
.totales{
    float:right;
    position: relative;
    bottom: 0px;
    padding: 5px 10px;
    height: 20px;
    margin-left: 15px;
}
.totales span{
    font-size: 12px;
}
.submit_carro{
    float:right;
    position: relative;
    margin-top:70px;
    margin-right: -150px;
}
.continuar_comprando{
    float:right;
    position: relative;
    margin-top:70px;
}
#finalizar_carro{
    margin-top: 20px;
    margin-right: 10px;
}
/*FIN CARRO*/
/*CAMBIO DE DATOS*/
#faltan_datos{
    margin-top: 20px;
    margin-left: 10px;
    display:flex;
    flex-wrap: wrap;
}
#faltan_datos > a{
    flex: 1;
}
.faltan_datos{
    float: left;
    flex: 1;
    min-width: 100%;
    margin: 3px 0px;
    padding: 3px 5px;
    box-sizing: border-box;
}
.label_faltan_datos{
    float: left;
    text-align: center;
}
#datos_no_disponibles p{
    margin-bottom: 20px;
}
#datos_no_disponibles{
    margin-top: 20px;
}
#submit_datos{
    float: right;
    margin-top: 50px;
    margin-right: 5px;
}
#submit_datos_editar_user{
    margin-top:10px;
}

/*FIN CAMBIO DE DATOS*/
/*PEDIDO*/
.pedido{
    -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
    box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
        margin: 10px;
        margin-bottom: 50px;
        margin-top: 20px;
}
/*FIN PEDIDO*/
/*MENSAJE ERROR*/
.error{
    text-align: center;
}

#disculpa{
    margin-top: 30px;
    text-align: center;  
}
#nota{
    font-size: 14px;
    margin-top: 50px;
}
/*FIN MENSAJE ERROR*/
.subir_archivo{margin-left: 30px; width: 700px; }
.subir_archivo p{margin-left: 10px;}
.subir_archivo input[type="file"]{ width: 400px; color:#437a1c; font-size:16px;}
.subir_archivo form{background: #910f3b; margin: 30px auto auto 50px; width: 530px; padding: 10px 20px; border: solid 2px #f18e00; -webkit-border-radius: 10px;height: 30px;-moz-border-radius: 10px;border-radius: 10px;-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,1)}

.archivo{margin: 20px auto auto 30px;}
.archivo_icon{ text-align:center; margin:20px auto auto 50px; background:#437a1c; padding: 10px; width:520px;border: solid 2px #f18e00; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,1)}

.icono{float:left; margin: 20px 30px 2px 30px; text-align:center; width:80px; height:auto; padding:3px; }
.icono img{float:left; margin-left: 15px;  margin-right: 21px;}
.icono p{ font-size:12px; color:#000000; float:left; margin-top: 5px;}

.deletefile{ width:20px; height: 20px;background-image: url(../Imagenes/close.png); float:right; overflow:hidden; z-index:10; position:relative; margin-left:20px; margin-right:-13px; margin-top: -13px;}
/*fin personalizacion*/

/*Administrador*/
#menuAdmin{
    list-style: none;
    margin-left: 5px;
    font-size: 16px;
    
    
    
}
#menuAdmin li{
    margin: 3px 0px;
    padding: 2px 3px;
}
#boxMenu{
    width: 200px;
    -moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
    -webkit-box-shadow:  none;
    -moz-box-shadow:    none;
    box-shadow:         none;
    margin-left: 8.5%
}
#boxInfo{
    float:left;
    width:68%;
    position: relative;
    -moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
    -webkit-box-shadow:  none;
    -moz-box-shadow:    none;
    box-shadow:         none;
    
}
/*FIN ADMIN PANEL*/

/*TABLE STYLE*/
table {
        overflow:hidden;
        border:1px solid #d3d3d3;
        background:#fefefe;
        width:100%;
        
        -moz-border-radius:5px; /* FF1+ */
        -webkit-border-radius:5px; /* Saf3-4 */
        border-radius:5px;
        -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}

th, td {padding:5px 5px; width: 100px; }

th {padding-top:22px; text-shadow: 1px 1px 1px #fff; background:#e8eaeb;}

td {border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;}

tr.odd-row td {background:#f6f6f6;}

td.first, th.first {text-align:left}

td.last {border-right:none; }



td {
        background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);
        background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe));
}

tr.odd-row td {
        background: -moz-linear-gradient(100% 25% 90deg, #f6f6f6, #f1f1f1);
        background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f1f1f1), to(#f6f6f6));
}

th {
        background: -moz-linear-gradient(100% 20% 90deg, #e8eaeb, #ededed);
        background: -webkit-gradient(linear, 0% 0%, 0% 20%, from(#ededed), to(#e8eaeb));
}



tr:first-child th.first {
        -moz-border-radius-topleft:5px;
        -webkit-border-top-left-radius:5px; /* Saf3-4 */
}

tr:first-child th.last {
        -moz-border-radius-topright:5px;
        -webkit-border-top-right-radius:5px; /* Saf3-4 */
}

tr:last-child td.first {
        -moz-border-radius-bottomleft:5px;
        -webkit-border-bottom-left-radius:5px; /* Saf3-4 */
}

tr:last-child td.last {
        -moz-border-radius-bottomright:5px;
        -webkit-border-bottom-right-radius:5px; /* Saf3-4 */
}
/*TABLE STYLE FIN*/
/*LOAD BAR*/
.barlittle {
    background-color: #2187e7;
    background-image: -moz-linear-gradient(45deg, #2187e7 25%, #a0eaff);
    background-image: -webkit-linear-gradient(45deg, #2187e7 25%, #a0eaff);
    border-left: 1px solid #111;
    border-top: 1px solid #111;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    width: 10px;
    height: 10px;
    float: left;
    margin-left: 5px;
    opacity: 0.1;
    -moz-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    -moz-animation: move 1s infinite linear;
    -webkit-animation: move 1s infinite linear;
}

#block_1 {
    -moz-animation-delay: .4s;
    -webkit-animation-delay: .4s;
}

#block_2 {
    -moz-animation-delay: .3s;
    -webkit-animation-delay: .3s;
}

#block_3 {
    -moz-animation-delay: .2s;
    -webkit-animation-delay: .2s;
}

#block_4 {
    -moz-animation-delay: .3s;
    -webkit-animation-delay: .3s;
}

#block_5 {
    -moz-animation-delay: .4s;
    -webkit-animation-delay: .4s;
}

@-moz-keyframes move {
    0% {
        -moz-transform: scale(1.2);
        opacity: 1;
    }

    100% {
        -moz-transform: scale(0.7);
        opacity: 0.1;
    };
}

@-webkit-keyframes move {
    0% {
        -webkit-transform: scale(1.2);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(0.7);
        opacity: 0.1;
    }
}
#barload{
    overflow: hidden;
    position: absolute;
    top:60%;
    right: 50%;
}
/*FIN LOAD BAR*/