@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700;800&display=swap');

* { border:0;
margin:0;
padding:0;
box-sizing:border-box;}
a { text-decoration:none; }
img, video { max-width:100%;}
a:hover, input[type="submit"]:hover { opacity:0.8;}
input[type="submit"] { -webkit-appearance: none;}

html, body, {
  height: 100%;
}

section{ width:100% }

body { font-family: 'Source Sans Pro', sans-serif; font-size:18px; color:#000; background:#fff;  }

.cont {width:100%; margin:0 auto;  max-width:768px;}

.header { text-align:center;  padding:20px;}
.header img { height:28px; margin:0 auto; display:block;}

/*.logo img { max-width:100%; min-width:100%;}*/

.logo { margin: auto;
    height: 240px;
    overflow: hidden;
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	text-align: center;
	padding-top: 20px;
}

#logoindex{
    max-width: 100%;
	
}
.nombre { text-align:center;  color:#fff;  background-color:#9a999e; padding:2px; font-size:13px; line-height:1; }
.nombre h2{ padding:10px;}

.fdo{
 background-color: #0360a5;
 min-height: 230px;
 background-position: center; 
 background-repeat: no-repeat; 
 background-size: auto; 
 }

.franja{
background-color: #666;
    color: #fff;
    text-align: center;
    padding: 2px;
    font-weight: 800;
    font-size: 18px;
	}
	
#logos{   display: flex;
  flex-flow: row wrap;
  align-content: space-between;
  justify-content:center;
  }
	
.lo{    width: 110px;
    text-align: center;
	margin: 25px 50px;
	}
.lo a {color:#000000; }	

.cuadrados {
padding:10px; }	


.myButton {
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	background-color:#007dc1;
	border-radius:3px;
	border:1px solid #124d77;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:24px;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #154682;
}
.myButton:hover {
	background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
	background-color:#0061a7;
}
.myButton:active {
	position:relative;
	top:1px;
}

.myButton2 {
	box-shadow:inset 0px 1px 0px 0px #cf866c;
	background:linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
	background-color:#d0451b;
	border-radius:3px;
	border:1px solid #942911;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:24px;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #854629;
}
.myButton2:hover {
	background:linear-gradient(to bottom, #bc3315 5%, #d0451b 100%);
	background-color:#bc3315;
}
.myButton2:active {
	position:relative;
	top:1px;
}

.botonazul{
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    background-color: #006699;
    font-size: 20px;
    width: 100%;
    margin: 0 auto;
    border: none;
	}
	
.click { font-weight:bold !important; }	

.expand2{background-color: #f0f0f0; padding:20px; }
	
	
.gc{ 
background-image: url("images/paper.png");
background-color:#e1e1e1;
	padding: 30px 0 0 0; }

#carton{
/*background-color: #0360a5;*/
    width: 76%;
 /*   height: 600px;*/
    min-width: 350px;
    margin: auto;
	border-radius: 15px;
	
	-webkit-box-shadow: 5px 5px 12px -2px rgba(0,0,0,0.75);
-moz-box-shadow: 5px 5px 12px -2px rgba(0,0,0,0.75);
box-shadow: 5px 5px 12px -2px rgba(0,0,0,0.75);
    margin-bottom: 40px;

	}
	
.fecha{
color: #000;
    text-align: center;
    padding: 10px;
    font-weight: 800;
    font-size: 30px;
	background-color:#FFFFFF;
	width:20%;
	border-radius: 15px;
	
	}	
	
.margen {margin:0 10%;}	

.blanco{
	color: #fff;
    text-align: center;
    padding: 18px;
    font-weight: 800;
    font-size: 30px;

}

.ulblanco{
color: #fff;
    font-size: 24px;
    list-style: none;
    margin-top: 20px;
	}
.ulblanco img{ max-width:40px;}	

.botonb{
width:80%;
margin:40px auto;
background-color:#FFFFFF;
border:solid 1px #CCCCCC;
	-webkit-box-shadow: 5px 5px 12px -2px rgba(0,0,0,0.75);
-moz-box-shadow: 5px 5px 12px -2px rgba(0,0,0,0.75);
box-shadow: 5px 5px 12px -2px rgba(0,0,0,0.75);
color:#333333;
font-weight: 400;
    font-size: 22px;
    padding: 18px;
    text-align: center;
	border-radius: 15px;
	cursor: pointer;
}
.pie{
background-color: #000;
    color: #fff;
    text-align: center;
    padding: 18px;
    font-weight: 200;
    font-size: 20px;
	}
.expand{margin: auto;
    width: 100%;
	}
	
.derecha{ display: block;
    float: right
	}
	

/* form login */
.block { padding:10px 40px;}
.block h2.promo { color:#c2221b; font-size:22px; font-weight:900;}
.block h3 { color:#4d6872; font-size:20px;  text-transform:uppercase; margin-top:30px; border-bottom:solid 1px #4d6872; margin-bottom:3px;} /*font-weight:800;*/
.block ul { list-style:none;}
.block ul li { margin-bottom:5px; border-bottom:solid 1px #cbd5d9; padding-bottom:5px;}
.block ul li input{ float:right; border:solid 1px #4d6872; width:50px; height:22px; margin-left:10px;
text-align:center; font-weight:700; font-size:16px; font-family:inherit;}
.block ul li em { font-size:14px; color:#7d8f96; display:block; line-height:1;}
.block ul li br { display:none;}
.block ul ul { text-align:right;}
.block ul li li { margin-bottom:5px; font-size:14px; border-bottom:none; padding-bottom:0px;}

.form-datos { margin-top:40px;}
.form-datos input, .form-datos textarea {padding:10px; color:#000; font:inherit; height:40px; background:#fff; width:100%; display:block; margin-bottom:10px; border:solid 2px #7d8f96; }
.form-datos textarea { height:80px; width:100%;}
.form-datos input[type="submit"] {font-weight:700; text-transform:uppercase; color:#fff;  background-color:#00ca50; font-size:16px; width:50%; margin:0 auto; border:none; }

.form {max-width:50%; background:#e4eaec; margin:30px auto; padding:30px;}
.form h3 {color:#4a585d; font-size:24px; font-weight:900; text-transform:uppercase; text-align:center;
border-bottom:solid 1px #006699; margin-bottom:30px; padding-bottom:10px;}
.form form { display:block; width:100%;}
.form input, .form textarea, .form input[type="submit"], .form select {margin-bottom:10px; padding:0 10px; color:#000; font:inherit; height:40px; background:#fff; width:100%; display:block; border:solid 2px #7d8f96;}
.form input[type="submit"], .form input[type="button"] {font-weight:700; text-transform:uppercase; color:#fff;  background-color:#006699; font-size:16px; width:100%; margin:0 auto; border:none; }
.form input[type="submit"] { margin-bottom:10px;}
.form input[type="button"] { margin-bottom:0;}
.form textarea {height:60px;}

.form.login {margin:50px auto 0 auto; padding:30px 30px 40px 30px;}
.form.login h3 {margin-bottom:40px;}
.form.login input, .form.login textarea, .form.login select { margin-bottom:20px; }
.form.login textarea { height:80px;}

.form input.precio-uni { display:inline-block; width:10%; height:22px; float:right;}
.form label.orden { display:block; margin-top:10px;}

.botones-top {text-align:center; padding:20px 40px; background-color:#a6b7bd;} 
.botones-top a { display:block; color:#3a4e55; font-weight:700; width:100%; text-transform:uppercase; padding:6px; margin-bottom:12px; background:#cbd5d9; font-size:18px; }

.botones-top2 {text-align:center; padding:20px 40px;} 
.botones-top2 a { display:block; color:#fff; font-weight:700; width:100%; background-color:#ff3102; text-transform:uppercase; padding:6px; margin-bottom:12px; font-size:18px; }




.block h2.tit { color:#4d6872; font-size:30px; font-weight:900; text-transform:uppercase; text-align:center;
border-bottom:solid 1px #4d6872; margin-bottom:10px; padding-bottom:10px;}

.botones-menu {text-align:center; } 
.botones-menu a { display:block; font-weight:700; width:100%; color:#3a4e55;
text-transform:uppercase; padding:6px; margin-bottom:12px; background:#cbd5d9;}

.block.edit ul li a { font-size:12px; text-transform:uppercase; border:solid 1px #7d8f96; padding:2px 8px; background:#dde4e8; display:inline-block; margin-left:5px; color:#4d6872;}
.block.edit ul li { border-bottom:none; margin-bottom:0;}
.block.edit ul ul li { margin-bottom:8px; font-size:14px; border-bottom:none; padding-bottom:0px;}
.block.edit ul ul {border-bottom:solid 1px #cbd5d9; margin-bottom:5px;}
.block.edit ul.promoc li, .block.edit ul.datos li { margin-bottom:5px; border-bottom:solid 1px #cbd5d9; padding-bottom:5px;}
.block .boton a{ text-transform:uppercase; color:#4d6872; background-color:#dde4e8; font-size:16px; width:100%; display:block; padding:2px 0; text-align:center; border:solid 1px #7d8f96; margin-top:10px; }
.block.edit ul.datos li img { vertical-align:top; margin-left:5px;}

.recuperar {cursor: pointer;
    background-color: cadetblue;
    width: 260px;
    text-align: center;
    margin: 20px auto;
    color: #fff;
    padding: 6px;
	}
	
	#contenedor { max-width:768px; margin:auto;}
	
	.treinta{text-align: right; font-size: 30px;}
	
@media screen and (max-width: 600px){
.form {    max-width: 90% !important;}	
.cont {
    width: 100%;
    margin: 0 auto;
   
}
.treinta{ font-size: 18px;line-height: 25px; padding-left: 10px;}
.recuperar {    width: 160px;}


}

@media screen and (max-width: 399px){
#carton{
    min-width: 82%;
}
.blanco {    font-size: 26px; padding:10px;}
.fecha { padding:8px; font-size: 24px; }
.ulblanco { font-size:20px; }
}