* { margin: 0; padding: 0; }
body {
	background:linear-gradient(to right, rgba(247,52,247,0.5) 0%, rgba(98,93,240,0.5) 33%, rgba(32,245,12,0.5) 66%, rgba(226,240,24,0.5) 100%);
}
.boton{
        font-size:20px;
        font-family:Calibri;
        font-weight:bold;
        color:black;
		border-radius:35px;
		background:#6C0;
        border:0px;
        width:160px;
        height:50px;
       }
#page {
	width: 100%;
	margin: 0 auto;
}

#cabeza {
	background:url(fondocabecera.jpg);
	top: 0;
	position: fixed;
	width: 100%;
	z-index:5;
}

#menu-contenedor {
	top: 0;
	position: fixed;
	width: 50%;
	z-index:1000;
	height: 100%;
background:url(fondocabecera.jpg);
	text-align:center;
	margin-left:-2000px;
	transition: margin-left .8s;
}
#contenedormenu1{
	width:40px;
	height:40px;
	background:#fff;
	border-radius:30px;
	margin-top:20px;
	margin-left:20px;
	position:fixed;
}
	#contenedormenu2{
		width:40px;
	height:40px;
		background:#fff;
	border-radius:30px;
			margin-top:20px;
	margin-left:20px;
	position:fixed;
}
#menu{
	border-radius:50px;
	height:60px;
	width:60px;
position: absolute;
z-index: 1000;
text-align: center;
margin-left:-30px;
	background:#F90;
}
	#cerrarmenu{
	border-radius:50px;
	height:60px;
	width:60px;
position: absolute;
z-index: 1000;
text-align: center;
margin-left:-30px;
	background:#F90;
	transition: margin-top .8s;}

#contenido {
	height: 100%;
	
}
#contenido1 {
	height: 200px;
	background:#CF0;
	text-align:center;
	vertical-align:central;
}

#contenido33 {
	height: 250px;
	background:#6C6;
	text-align:center;
	vertical-align:central;
	width:50%;
	float:left;
}

#contenido5 {
	height: 200px;
	background:#FF9;
	text-align:center;
	vertical-align:central;
}
#contenidoface2 {
	height: 50px;
	background:#36F;
	text-align:center;
	vertical-align:central;
		width:100%;
	float:left;
}
#contenido7 {
	height: 100px;
	background:url(fondocorporativa.png);
	text-align:center;
	vertical-align:central;
}
#contenido8 {
	height: 100px;
	background:url(fondopublicitario.png);
	text-align:center;
	vertical-align:central;
}
#contenido9 {
	height: 100px;
	background:url(fondoeditorial.png);
	text-align:center;
	vertical-align:central;
}
#contenido10 {
	height: 100px;
	background:#CF6;
	text-align:center;
	vertical-align:central;
}
#contenido11 {
	height: 100px;
	background:url(carrito.png);
	text-align:center;
	vertical-align:central;
}
#contenido12 {
	height: 100px;
	background:#CF0;
	text-align:center;
	vertical-align:central;
}
#contenido13 {
	height: 400px;
	background:url(fondo.jpg);
	text-align:center;
	vertical-align:central;
}
#contenido14 {
	height: 50px;
	background:#FF9;
	text-align:center;
	vertical-align:central;
}
#contenido15 {
	height: 200px;
	background-image:url(fondofacbar.jpg);
	text-align:center;
	vertical-align:central;
}
#contenido161 {
	height: 250px;
	background-image:url(fondosoftamedida.jpg);
	text-align:center;
	vertical-align:central;
	width:100%;
	float:left;
	text-shadow: 2px 2px 2px #FFFFFF;
}


@media screen and (min-width: 1080px) {
#contenido19 {
	background:url(imagenasceapp.png);
	width:50%;
	height: 200px;
	text-align:center;
	vertical-align:central; 
	float:left;
	font-size:0.8em;
}
#contenido18 {
	background:url(fondocm.jpg);
	text-align:center;
	vertical-align:central; 
	width:50%;
	float:left;
	height: 200px;
}
#contenido16 {
	height: 250px;
	background-image:url(fondosoftamedida.jpg);
	text-align:center;
	vertical-align:central;
	width:50%;
	float:left;
	text-shadow: 2px 2px 2px #FFFFFF;
}
#contenido4 {
	height: 250px;
	background:#D7D7FF;
	text-align:center;
	vertical-align:central;
	width:33%;
	float:left;
}
#contenido17 {
	height: 250px;
	background:#CF9FFF; 
	text-align:center;
	vertical-align:central;
		width:50%;
	float:left;
}
#contenido2 {
	height: 250px;
	background:url(carritodecompras.png);
	text-align:center;
	vertical-align:central;
	width:50%;
	float:left;
	text-shadow:2px 2px 1px #000;
}
#contenido3 {
	height: 250px;
	background:#6C6;
	text-align:center;
	vertical-align:central;
	width:50%;
	float:left;
}
#contenido6 {
	height: 250px;
	background:#36F;
	text-align:center;
	vertical-align:central;
	width:34%;
	float:left;
}
#contenido21 {
	background:#FF9;
	text-align:center;
	vertical-align:central; 
	width:100%;
	float:left;
}
}
@media screen and (max-width: 1079px) {
	#contenido19 {
	background:url(imagenasceapp.png);
	width:100%;
	height: 200px;
	text-align:center;
	vertical-align:central; 
	float:left;
	font-size:1.2em;
}
#contenido18 {
	background:url(fondocm.jpg);
	text-align:center;
	vertical-align:central; 
	width:100%;
	float:left;
	height: 200px;
}
#contenido16 {
	height: 250px;
	background-image:url(fondosoftamedida.jpg);
	text-align:center;
	vertical-align:central;
	width:100%;
	float:left;
	text-shadow: 2px 2px 2px #FFFFFF;
}
#contenido4 {
	height: 250px;
		background:#D7D7FF;
	text-align:center;
	vertical-align:central;
	width:100%;
	float:left;
}
#contenido17 {
	height: 250px;
	background:#CF9FFF; 
	text-align:center;
	vertical-align:central;
		width:100%;
	float:left;
}
#contenido2 {
	height: 250px;
	background:url(carritodecompras.png);
	text-align:center;
	text-shadow:2px 2px 1px #000;
	vertical-align:central;
	width:100%;
	float:left;
}
#contenido3 {
	height: 250px;
	background:#6C6;
	text-align:center;
	vertical-align:central;
	width:100%;
	float:left;
}
#contenido6 {
	height: 250px;
	background:#36F;
	text-align:center;
	vertical-align:central;
	width:50%;
	float:left;
}
#contenido21 {
	background:#FF9;
	text-align:center;
	vertical-align:central; 
	width:100%;
	float:left;
}
}

#contenido20 {
	background:url(fondo19.jpg);
	height: 250px;
	text-align:center;
	vertical-align:central; 
}
#contenido22 {
	background:url(fondocm.jpg);
	text-align:center;
	vertical-align:central; 
	width:100%;
	float:left;
}
#contenidoface {
	height: 200px;
	background-image:url(fondoface.jpg);
	text-align:center;
	vertical-align:central;
}
#micuenta{text-shadow:1px 1px 2px #fff; color:#000;
width:20%;
	height:50%;
	float:left;
		margin-bottom:0;
	margin-left:0;}
#micuenta:hover{
color:#fff;
text-shadow:1px 1px 2px #000;
}
#textomenu{text-shadow:1px 1px 2px #000; color:#fff;
width:20%;
	height:50%;
	float:left;
		margin-bottom:0;
	margin-left:0;}
#textomenu:hover{
color:#000;
text-shadow:1px 1px 2px #fff;
}
#textotitulo{text-shadow:1px 1px 2px #000; color:#fff;}
 #congelamos{
	height: 350px;
	width: 50%;
	background:url(fondocongelamos.jpg);
	box-shadow:2px 2px 5px #333;
	float:left;
	text-shadow:3px 3px 2px #fff;
   }
   #nosespecializamos{
	height: 350px;
	width: 100%;
	background:url(fondonosespecializamos.jpg);
	box-shadow:2px 2px 5px #333;
	float:left;
   }
#titulos {
	height: 75px;
	background:#F60;
	text-align:center;
	vertical-align:central;
}
.menu-fijo {
	position: fixed;
	top: 0;
	width: 100%;
	text-align:right;
	transition:ease-in;
	background-image:url(fondomenu.png);
background-position:top left;
background-repeat:no-repeat;

	
}
formgrande {
	font-size: large;}
	grande {
	font-size: x-large;
}
#pie-contenedor {
	height: 50px;
	background:#FF9;
	text-align:center;
}
.cool_checkbox, .cool_checkbox *{
    height:15px; margin:0; padding:0;
    display:inline-block;
    white-space:nowrap; user-select: none;
}
.cool_checkbox{
    font-family:sans-serif;
    width:50px; position:relative; overflow:hidden;
    border:1px solid gray; border-radius:3px;
    background:gray;
}

.cool_checkbox input{
    display:none;
}
.cool_checkbox label{
    position:absolute; width:25px;
    cursor:pointer;
    transition: left 0.2s ease-in-out;
    vertical-align:top;
    line-height:100%;
    left:-66px;
    display:block;
}
.cool_checkbox > input:checked + label{
    left:0px;
}

.cool_checkbox > input:disabled + label{
    opacity:0.8;
}

.cool_checkbox label > span{
    text-align:left; text-transform:uppercase;
    font-weight:bolder; font-family:sans;
    width:50px; position:relative; z-index:0;
    box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.5);
    border-radius: 1px;
    vertical-align:middle;
    line-height:2px;
}
.cool_checkbox label > span:nth-child(1){
    padding-right:10px; text-align:right;
    background:#4085EC;
    background-image: linear-gradient(bottom, #76AEFC 0%, #4D8EEF 49%, #4085EC 50%, #336ED4 100%);
    color:white; text-shadow: 0px -1px 0.5px #1b3d72;
}

.cool_checkbox label > span:nth-child(2){
    width:20px; margin:-2px -10px; z-index:1; border-radius: 6px;height:32px;
    background:gray;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5);
}

.cool_checkbox label > span:nth-child(2) > span{
    width:15px; height:15px; margin:1px;
    border-top:1px solid white;
    overflow:hidden; text-indent:-999em;
    border-radius: 5px;
    background:#e4e4e4; background-image: linear-gradient(bottom, #FBFBFB 0%, #CECECE 100%);
}

.cool_checkbox label > span:nth-child(3){
    padding-left:5px; text-align:left;
    color:#7e7e7e;
    background:#EFEFEF; background-image: linear-gradient(bottom, #FEFEFE 0%, #F9F9F9 49%, #EFEFEF 50%, #E7E7E7 100%);
}

/* A partir de aquí: arreglos temporales hasta que CSS3 esté bien soportado */
.cool_checkbox{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}
.cool_checkbox label{
    -moz-transition: left 0.2s ease-in-out;
    -webkit-transition: left 0.2s ease-in-out;
    -o-transition: left 0.2s ease-in-out;
}
.cool_checkbox label > span{
    -moz-box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.cool_checkbox label > span:nth-child(1){
    background-image: -o-linear-gradient(bottom, #76AEFC 0%, #4D8EEF 49%, #4085EC 50%, #336ED4 100%);
    background-image: -moz-linear-gradient(bottom, #76AEFC 0%, #4D8EEF 49%, #4085EC 50%, #336ED4 100%);
    background-image: -webkit-linear-gradient(bottom, #76AEFC 0%, #4D8EEF 49%, #4085EC 50%, #336ED4 100%);
    background-image: -ms-linear-gradient(bottom, #76AEFC 0%, #4D8EEF 49%, #4085EC 50%, #336ED4 100%);
}
.cool_checkbox label > span:nth-child(2){
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
}
.cool_checkbox label > span:nth-child(2) > span{
    background-image: -o-linear-gradient(bottom, #FBFBFB 0%, #CECECE 100%);
    background-image: -moz-linear-gradient(bottom, #FBFBFB 0%, #CECECE 100%);
    background-image: -webkit-linear-gradient(bottom, #FBFBFB 0%, #CECECE 100%);
    background-image: -ms-linear-gradient(bottom, #FBFBFB 0%, #CECECE 100%);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
}
.cool_checkbox label > span:nth-child(3){
    background-image: -o-linear-gradient(bottom, #FEFEFE 0%, #F9F9F9 49%, #EFEFEF 50%, #E7E7E7 100%);
    background-image: -moz-linear-gradient(bottom, #FEFEFE 0%, #F9F9F9 49%, #EFEFEF 50%, #E7E7E7 100%);
    background-image: -webkit-linear-gradient(bottom, #FEFEFE 0%, #F9F9F9 49%, #EFEFEF 50%, #E7E7E7 100%);
    background-image: -ms-linear-gradient(bottom, #FEFEFE 0%, #F9F9F9 49%, #EFEFEF 50%, #E7E7E7 100%);
}