@charset "UTF-8";

body{
	margin:0 0;
	font-family: Arial, Helvetica, sans-serif;
}

p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	margin: 5px 10px;
	;
}
.top{
width:100%;
height:39px;
background-image:url(../images/bgtop.png);
background-repeat: repeat-x;
}

.menutopcontainer{
width:800px;
height:39px;
margin:0 auto;
}

.menutop{
	width:675px;
	height:39px;
	float:right;
}

.menutoplink:link,.menutoplink:active,.menutoplink:visited{
	width:auto;
	padding:0 17px;
	height:38px;
	color:#CCCCCC;
	display:block;
	text-align:center;
	float:left;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 27px;
}

.menutoplink:hover{
	background-image:url(../images/btnover.png);
	background-repeat:no-repeat;
	background-position:center;
	text-decoration:none;
	color: #00DEFF;
}

.menutoplinkactivo{
	width:auto;
	padding:0 17px;
	height:38px;
	color:#00DEFF;
	display:block;
	text-align:center;
	float:left;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 27px;
	background-image:url(../images/btnover.png);
	background-repeat:no-repeat;
	background-position:center;
}

.logo{
	width:800px;
	height:84px;
	margin:3px auto 3px auto;
	border-bottom: #231F20 1px solid;
}

.banner{
	width:100%;
	height:250px;
	background-image: url(../banners/bg.jpg);
}

.bannerit{
	width:800px;
	height:250px;
	margin:0 auto;
}

.contenido{
	width:800px;
	height:auto;
	margin:0 auto;
	padding-bottom:10px;
	margin-top: 10px;
}


.porlet{
	width:246px;
	height:160px;
	float:left;
	margin:15px 10px;
	padding:10;
	color: #fff;
	background-image:url(../images/bgporlet5.png);
	background-repeat:no-repeat;
	z-index: -500;
}

.porlet2{
	width:245px;
	height:105px;
	float:left;
	margin:15px 12px;
	padding:10;
	}
.imgporlet{
margin:7px;
}

.tituloporlet{
	font-family:Arial, Helvetica, sans-serif;
	color:#231F20;
	font-size:16px;
	font-weight:bold;
	display:block;
	width:100%;
	height:auto;
	margin:5px 0px 0px 0px;
	text-indent:5px;
	border-bottom: solid thin #231f20;
}

.porletlink:link,.porletlink:active,.porletlink:visited{
	font-size:10px;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	display:block;
	width:auto;
	height:auto;
	padding:2px 10px;
	color:#000000;
	float:right;
	margin:0px 5px 0px 0px;
	z-index:600;
	background-color: #00DEFF;
}

.left{
	width:250px;
	float:left;
height:auto:
; 			height: auto;
}

.right{
	width:540px;
	height:auto;
	float:right;
}

.footer{
	width:100%;
	height:80px;
	background-color:#231f20;
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	line-height:17px;
	margin-top: 20px;
	font-size:12px;
}


.infooter {
	width:800px;
	height:auto;
	margin:0px auto;
	padding-top: 15px;
}

.infooter .contacto{
	width:600px;
	height:auto;
	font-size: 0.9em;
	text-transform: uppercase;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.contacto a:link, .contacto a:active, .contacto a:visited{
	width:600px;
	height:auto;
	font-size: 0.8em;
	text-transform: uppercase;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: NONE;
}

.contacto a:hover{
	width:600px;
	height:auto;
	margin-top: 15px;
	text-transform: uppercase;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	text-decoration:underline;
}

.infooter .txt{
	display:block;
	width:500px;
	margin-left:auto;
	margin-top: 5px;
	margin-right: auto;
	text-align: center;
	font-size: 0.9em;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

.infooter strong{
font-size:1.2em;
}



.porletexito{
width:350px;
height:210px;
margin:5px 20px 1px 20px;
float:left;
}

.imgcexito{
border:#231f20 3px solid;
}

.field{
border: #231f20 1px solid;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}


/*BOOKSTORE*/

.left img{
display:block;
margin:5px auto;
}

.imgindex{
	display:block;
	margin:5px 9px;
	width:139px;
	height:auto;
	float:left;
	border:#FFF 1px solid;
	background-color:fff;
	text-decoration: none;
	min-height: 250px;
	padding: 3px 0px;
}


.imgindex:hover{
	display:block;
	margin:5px 9px;
	width:139px;
	height:auto;
	float:left;
	border:#000 1px solid;
	background-color:#fff;
	text-decoration: none;
	padding: 3px 0px;
	min-height: 250px;
}

.imgindex img{
	display:block;
	width:125px;
	height:auto;
	margin:-10px auto;
	border: 0;
}

.minititulo{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#000;
	display:block;
	text-align:center;
	width:90%;
	height:70px;
	margin:0px auto;
	border-bottom:#CCCCCC 1px solid;
	padding: 2px auto;
	line-height: 14px;
}

.pvppromo{
margin-top:3px;
display:block;
width:100%;
height:auto;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
text-decoration:line-through;
color: #333333;
}

.pvp{
margin-top:3px;
display:block;
width:100%;
height:auto;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:1.2em;
color:#000000;
}

.promo{
margin-top:3px;
display:block;
width:100%;
height:auto;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:1.5em;
color:#000000;
font-weight:bold;
}

.descripción{
	font-size:0.8em;
	color:#000000;
	margin: 5px 10px;
	line-height:12px;
}


.btninfo a:link, .btninfo a:active, .btninfo a:visited{
	width:75%;
	height:25px;
	background-color:#CCCCCC;
	text-align:center;
	color:#000000;
	font-size:0.9em;
	font-weight:bold;
	line-height: 25px;
	margin:5px auto;
	display:block;
	padding:0px 10px;
	text-decoration:none;
}

.btninfo a:hover{
	width:75%;
	height:25px;
	background-color:#231F20;
	text-align:center;
	color:#00DEFF;
	font-size:0.9em;
	font-weight:bold;
	line-height: 25px;
	margin:5px auto;
	display:block;
	padding:0px 10px;
	text-decoration:none;
}
.prefooter {
	width:800px;
	height:5px;
	clear:both;
	text-align:center;
	margin: 0px auto;
	border-bottom: #CCCCCC 1px solid;
}


/*------------------------------------------------BUY forms-----------------------------------------------------*/
.buyform{
	width:390px;
	float:left;
	height:auto;
	margin:5px 5px;
	/*background-color:#F1F1F1;*/
}


.formtitulo{
font-family:Arial, Helvetica, sans-serif;
font-size:1.5em;
text-align:center;
font-weight:bold;
color:#333333;
display:block;
width:100%;
}

.buyform table{
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
}

.buyform .field{
width:100%;
font:Arial, Helvetica, sans-serif;
color:#000000;
border:1px #000000 solid;
line-height:14px;
font-size:0.9em;
}

.buyform .btn{
	width:125px;
	font:Arial, Helvetica, sans-serif;
	color:#00DEFF;
	border:1px #000000 solid;
	line-height:20px;
	margin:5px auto;
	text-align:center;
	font-size:1.2em;
	background-color: #231F20;
	display: block;
	height: 30px;
	cursor: hand;
	cursor:pointer;
}



.odp {
width:auto;
height:auto;
margin:1px auto;
}

.odp .btn{
	width:150px;
	font:Arial, Helvetica, sans-serif;
	color:#00DEFF;
	border:1px #000000 solid;
	line-height:20px;
	margin:5px auto;
	text-align:center;
	font-size:1em;
	background-color: #231F20;
	display: block;
	height: 30px;
	cursor: hand;
	cursor:pointer;
}


/*CONTACTO*/
.contactoform{
	width:100%;
	height:auto;
	margin:2px auto;
	background-color:#F1F1F1;
}

.contactoform table{
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
width:400px;
margin:0px auto;
display:block;
}

.contactoform .field{
width:100%;
font:Arial, Helvetica, sans-serif;
color:#000000;
border:1px #000000 solid;
line-height:14px;
font-size:0.9em;
}

.contactoform .btn{
	width:125px;
	font:Arial, Helvetica, sans-serif;
	color:#00DEFF;
	border:1px #000000 solid;
	line-height:20px;
	margin:5px auto;
	text-align:center;
	font-size:1.2em;
	background-color: #231F20;
	display: block;
	height: 30px;
}


/* menu serviucios*/

.logoright{
float:right; 
width:500px; 
}

.menuservicios{
font-family:Arial, Helvetica, sans-serif; 
font-size:0.8em; 
color:#000; 
float:right; 
width:500x; 
height:0px;
margin-top:22px;
}

.menuservicios a:link, .menuservicios a:visited, .menuservicios a:active{
	display:block;
	width:auto;
	padding:5px 10px;
	margin-left:3px;
	background-color:#231F20;
	color:#fff;
	float:left;
	text-decoration:none;
}


.menuservicios a:hover{
	color:#00DEFF;
}

.req{
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
color:#FF0000;
}


.contactotop{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	float:right;
	width:auto;
	height:35px;
	margin-top:3px;
	text-align:right;
}