@charset "utf-8";
/* CSS Document */

body
{
	background:#FFF;
	color:#000;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;}

.cuerpo
{
background:#FFF;
border:#cccccc 1px solid;
margin-top:10px;
width:1200px;
margin-top:10px;
margin-bottom:10px;
margin-left:auto;
margin-right:auto;
padding:5px;	
  -moz-box-shadow:1px 1px 1px 1px #ccc;
  -webkit-box-shadow:1px 1px 1px 1px #ccc;
  box-shadow:1px 1px 1px 1px #ccc;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
	}
	
	
input, select, textarea
{
  border-radius:5px;
  border:1px solid #000000;
  font-size:12px;
  background:#f5f5f5;
  color:#000000;
  padding:4px;
  margin:3px;
}

.boton
{
  -moz-box-shadow:1px 1px 1px 1px #ccc;
  -webkit-box-shadow:1px 1px 1px 1px #ccc;
  box-shadow:1px 1px 1px 1px #ccc;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:5px;
  border:none;
  font-size:12px;
  background: #004e93;
  padding:5px;
  text-align:center;
  margin-bottom:10px;
  margin-top:5px;  
  width:150px;
	}
	
.boton:hover
{
	background:#000;}	
	
.boton a
{
	color:#fff;
	font-size:12px;
	text-decoration:none;}	
	
.boton a:hover
{
	color:#fff;
	font-size:12px;
	text-decoration:none;
	background:#000;}		
	
	
.boton2
{
  -moz-box-shadow:1px 1px 1px 1px #ccc;
  -webkit-box-shadow:1px 1px 1px 1px #ccc;
  box-shadow:1px 1px 1px 1px #ccc;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:5px;
  border:none;
  font-size:10px;
  background:#dddddd;
  padding:3px;
  text-align:center;
  margin:5px;
  display:inline-block;
	}
	
.boton2 a
{
	color:#666;
	font-size:11px;
	text-decoration:none;
	}		
	
.mensaje
{
	background:#090;
	color:#FFF;
	padding:5px;
	font-size:12px;
    -moz-box-shadow:1px 1px 1px 1px #ccc;
    -webkit-box-shadow:1px 1px 1px 1px #ccc;
    box-shadow:1px 1px 1px 1px #ccc;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:5px;
    border:none;
	width:200px;
	float: right;
	text-align:center;
	}	
	
.error
{
	color:#F00;
	font-size:10px;}	
	
input.super
{
  -moz-box-shadow:1px 1px 1px 1px #ccc;
  -webkit-box-shadow:1px 1px 1px 1px #ccc;
  box-shadow:1px 1px 1px 1px #ccc;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:5px;
  border:none;
  font-size:30px;
  background:#f8f8f8;
  color:#666;
  padding:2px;
  margin:3px;
  text-align:center;
}	

.titulo
{
	font-size:20px;
	color:#999;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    border:1px solid #999;
	padding:3px;
	background:#fafafa;
}	

.frame
{
	overflow:hidden;
	border:none;}
	
/*estilos tab verticales*/

ul#verticalNav {
    float:left;
    clear:left;
    width:15%;
	margin-top:0px;
}

ul#verticalNav li{
	background-color:#eee;
	border:#CCC 1px solid;
	list-style:none;
	padding:3px;
	margin-left:-40px;
	width:250px;
	height:40px;
}

ul#verticalNav li a{
	text-decoration:none;
}

div#sections {
    float:left;
    clear:right;
	border:#CCC 1px solid;
	width:50%;
	padding:3px;
	margin-left:100px;
}

ul.tabs
{
	color:#C60;
}	

.msg_list {
	margin: 0px;
	padding: 0px;
	width: 100%;
}
.msg_head {
	cursor: pointer;
	position: relative;


 -moz-box-shadow:1px 1px 1px 1px #ccc;
  -webkit-box-shadow:1px 1px 1px 1px #ccc;
  box-shadow:1px 1px 1px 1px #ccc;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:5px;
  border:none;
  font-size:10px;
  background:#dddddd;
  padding:3px;
  text-align:left;
  margin:5px;
}
.msg_body {
	padding: 5px 10px 15px;
	background-color:#ffffff;
}

.square
{
	border:#CCC 1px solid;
	float:left;
	padding:3px;
	margin-left:3px;}
	
.horas	
{
	font-size:10px;
	height:15px;}
	
.hora2
{
position:absolute; 
width:103px; 
border:#cccccc 1px solid;
background:#f8f8f8;
font-size:10px;
	}
	
* {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; }
a:hover {background:#ffffff; text-decoration:none; z-index:2000;} /*BG color is a must for IE6*/
a.tooltip span {display:none; padding:2px 3px; margin-left:40px; width:230px; z-index:2000; background:#FFF;}
a.tooltip:hover span{display:inline; position:absolute; border:1px solid #cccccc; background:#ffffff; color:#6c6c6c; z-index:1000;}


.lineas
{
	border-bottom:#CCC 1px dotted;
	width:815px;;
	position:absolute;}
	
#calificaciones
{
	display:none;
	}	
	
.cali
{
	border:#CCC 1px solid;
	float:left;
	margin:3px;
	padding:3px;}	
	
	.mas
	{
		float:right;}
		
		
.cadena
{
	background:#f5f5f5;
	border:#cccccc 1px solid;
	margin-left:1px;
	margin-right:1px;
	margin-top:4px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  padding:2px;
	}		

a.cadena 
{
	text-decoration:none;}
	
.error2
{
	background:#FF9600;
	color:#FFFFFF;
	padding:5px;
	position:fixed;
	top:0;
	display:none;
	width:100%;
}	

.contenido2
{
	background:#058F00;
	display:block;
	width:100%;
	box-shadow: 0px 0px 1px #ffffff;		
}
.contenido22
{
	background: #FFFEBD;
	display:block;
	width:100%;
	text-align:left;
	padding-left:3px;

}

.contenido22:hover
{
	background: #dddddd;
	display:block;
	width:100%;
	text-align:left;
	padding-left:3px;

}

.contenido33
{
	background: #dddddd;
	display:block;
	width:100%;
	text-align:left;
	padding-left:3px;

}



a.contenido22
{
	text-decoration:none;
}

.barraazul
{
	width:100%;
	height:30px;
	display:block;
	background:#3a3b3f;
	padding:5px;
	margin-bottom:15px;
	color:#FFFFFF;
	text-align:center;	
}

.botonmenu
{
	display:inline-block;
	font-size:13px;
	color:#ffffff;
}
.botonmenu a
{
	color:#FFFFFF;
	font-size:13px;
	text-decoration:none;
	margin-left:4px;
	margin-right:4px;	
}

.botonmenu a:hover
{
	background:none;
}

a.nav
{
	color:#6C6C6C;
	margin:3px;
	background-color:#D8D8D8;
	border-radius:4px;
	padding:2px;
	width:20px;
	display:inline-block;
	text-align:center;
	font-size:12px;
	text-decoration:none;
}

a.nav1
{
	column-rule: #fff;
	margin:3px;
	background-color:#999;
	border-radius:4px;
	padding:2px;
	width:20px;
	display:inline-block;
	text-align:center;
	font-size:12px;
	text-decoration:none;
}

.producto
{
	width:20%;
	display:inline-block;
	text-align:center;
	margin-bottom:10px;
	font-size:11px;
	border-bottom:1px solid #C7C7C7;
}

.producto a
{
	font-size:11px;
	text-decoration:none;
	color:#515151;	
}

.imagenproducto
{
	width:80%;
	margin:auto;
}

.nivel1
{
	width:420px !important;
	display:inline-block;
	text-align:left;
	float:left;
}

.nivel2
{
	display:none;
	position:absolute;
	z-index:1000;
	width:350px;
	padding-top:10px;
}
.item2
{
	color:#ffffff;
	background:#de291b;
	text-align:left;
	width:350px;
	font-size:13px;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	text-decoration:none;
	border-bottom:#000 1px solid;
	
}

.item2:hover
{
	background:#000000;
}

.item2 a
{
	text-decoration:none;
}

.carrito a
{
	text-decoration:none;
	color:#de291b;
}

.botonsup
{
	display:inline-block;
	float:left;
	margin-right:20px;
	background:#C0C0C0;
	padding:4px 15px;
	border-radius:3px;
	border:#FFFFFF 1px solid;
}

.botonsup a
{
	color:#000;
	text-decoration:none;
}

.botonsup a:hover
{
	color:#000;
	text-decoration:none;
	background:none;
}

.botonsup img
{
	vertical-align:middle;
}