/* CSS Document */

body{

	margin:0px;

	background:#EEEEEE;

}

td{

	vertical-align:top;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:11px;

	color:#113863;

}
p{
margin:5px; 
padding:0px;}
img{

border:0;

}
.error{
font:bold 14px/13px Trebuchet MS, Verdana, serif;color:#903;background:#F8E9E7;border:1px solid #E8C0BD;padding-top:5px;width:550px;height:auto; text-align:center; padding-bottom:5px;
}

.ok{
font:bold 14px/13px Trebuchet MS, Verdana, serif;color:#663;background:#E7EFD6;border:1px solid #CADEA5;padding-top:5px;width:550px;height:auto; text-align:center; padding-bottom:5px;

}

 a{

	color:#113863;

	text-decoration:none;

}

 a:hover{

	color:#113863;

	text-decoration: none;

}



/*Modulos*/

.cont-menu{

	margin:0px;

}

.arriba{

	float: none;

	font-weight:bold;

}

.arriba ul {

	margin: 0;

	padding: 0px;

	padding-top:!important;

	/*background: white url(images/icono_menu.gif) no-repeat 2px center;*/

	list-style: none;

	line-height: normal;

}

.arriba li {

	/*background: url(images/icono_menu.gif) no-repeat 2px center;*/

	float:left;

	display: inline !important;

	padding-left:10px;

	padding-right:20px;

	padding-top:5px;

	height:20px;

	text-transform:uppercase;

	/*border-right:1px solid #2a788d;

	border-left:1px solid #93d1d8;*/

}

.arriba a{

	color:#FFF;

	text-decoration:none;

}

.arriba a:hover{

	color:#FFf;

	text-decoration: none;

}

.derecha{

width:180px;

float: right;

margin-left:5px;

margin-right:13px;

margin-top:10px;

}

.derecha div{

background:#13A8C8;

padding-top:4px;

height:auto;

padding-bottom:5px;

color:#FFFFFF;

font-weight:bold;

padding-left:10px

}

.derecha ul {

    list-style: none;

	margin: 0;

	padding-top:1px;

	line-height: normal;

}

.derecha li {

	padding-top:1px;

	padding-bottom:1px;

}

.derecha a{

	color:#113863;

	text-decoration:none;

}

.derecha a:hover{

	color:#113863;

	text-decoration: underline;

}

/*fin menu izquierdo*/

/*#########################*/

/*  Estilo Modulos Portal  */

/*#########################*/

/*Titulo*/

.contenido{

padding:10px 20px 20px 25px;

}

.titulo {
	line-height: normal;
	color: #13A8C8;
	font-family:"Century Gothic",Arial, Helvetica;
	font-size:17px;
	font-weight:bold;
	padding-bottom:5px;
	border-bottom:1px solid #13A8C8;
	margin-bottom:5px;
}

.titulo2 {

	line-height: normal;

	color: #13A8C8;

	font-family:"Century Gothic";

	font-size:17px;

	font-weight:bold;

	padding-bottom:5px;

	

}

.pie{

border-top:2px solid #13A8C8;

border-left:1px solid #CCCCCC;

border-right:1px solid #CCCCCC;

border-bottom:1px solid #CCCCCC;

height:15px;

padding-top:5px;

padding-bottom:5px;

padding-right:5px;

font-size:10px;

color: #999999

}

/* parte de carrito*/

.aniadir2{

width:72px; float:right; height:15px; background:#13A8C8; color:#FFFFFF; font-size:9pt; cursor:pointer; padding:5px 23px 5px 25px

}

.aniadir{

width:110px; height:15px; background:#13A8C8; color:#FFFFFF; font-size:9pt; cursor:pointer; padding:3px 10px 3px 15px

/*width:100px; height:15px; background:#13A8C8; color:#FFFFFF; font-size:9pt; cursor:pointer; padding:3px 5px 3px 10px*/ 

}

.aniadir3{

width:75px; height:13px; background:#13A8C8; color:#FFFFFF; font-size:11px; cursor:pointer; padding:3px 5px 3px 5px;

font-weight:bold; text-align:center

/*width:100px; height:15px; background:#13A8C8; color:#FFFFFF; font-size:9pt; cursor:pointer; padding:3px 5px 3px 10px*/ 

}

.marco_pro{

width:210px; height:300px; margin-bottom:5px; margin-top:5px; border-top:1px solid #13A8C8; padding-top:3px;float:left;

}

.precio{

color:#3893DE; 

font-size:13px;

}

.detalle{

width:50px; height:13px; background: #90BE00; color:#FFFFFF; font-size:11px; cursor:pointer; padding:3px 5px 3px 5px;

font-weight:bold

/*width:100px; height:15px; background:#13A8C8; color:#FFFFFF; font-size:9pt; cursor:pointer; padding:3px 5px 3px 10px*/ 

}

.boton{

margin-left:10px;

cursor:pointer;

width:120px;

height:20px;

background:#13A8C8;

color:#FFFFFF;

border:0px;

}

.text_confirm{

padding-top:5px; 

padding-bottom:5px; 

text-align:left;

font-size:12px;

}

.q_search{

background:url(images/search.gif) no-repeat; 

height:17px; 

width:49px; 

border:0; 

cursor:pointer; 

float:right;

}

.titulo_search{
margin-top:5px;
height:30px; 
padding:3px 0px 3px 10px; 
background:#EFF8FF;
text-align:left; 
color:#185399; 
font-weight:normal

}
.formu{
padding-top:5px; padding-bottom:5px; padding-left:10px;
}
.titu_label{

	color:#13A8C8;

	font-size:12px;

	}

/*FORMULARIO*/

#myForm {
    padding: 5px;
	padding-left:10px;
}

#myForm p {
	margin-bottom: 5px;
}

#myForm label {
	float: none;	
	color:#185399;
	margin-right:10px;	
}

#myForm input{
	border:1px solid #FFFFFF;
	border-color : #999999;
	font-family : Verdana, arial;
	font-size : 12px; 
	color : #666666;
}
#myForm select {
border: 1px solid #cac9b9;
}
#myForm textarea{
height:100px;
width:230px;
}

#myForm .red {
	border: 1px solid red;
}

#myForm label.red {
	border: none;
	color: red;
	
}

#myForm .customRed {
	border: none;
	color: red;
}

#myForm #submit {
	margin-left: 100px;
	cursor:pointer; 
	width:120px;
	height:20px;
	background:#13A8C8;
	color:#FFFFFF;
	 border:0px;
}
#myForm #reset {
	margin-left:35px;
	cursor:pointer; 
	width:120px;
	height:20px;
	background:#185399;
	color:#FFFFFF;
	 border:0px;
}
#validationMessage {
	padding: 5px;
	/*background-color: #eee;*/
	border: 1px solid red;
	margin-bottom: 10px;
	color: red;
	font-weight: bold;
	display: none;
}

#myForm .errorMessage {
	color: red;
	margin-left: 10px;
	font-size: 0.8em;

}

#form{
	width:600px;
	/*margin:auto;*/
	border:1px solid #FFFFFF;
	/*padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;*/
}

#form label.error2{ 
	color:#990000;	
	display:block;
	width:250px;
	text-align:left;
	float: left;
	font-size:11px;
}

#form ol li span {
	color:#666666;

}
#form input{
	/*width:220px;*/
	/*height:18px;*/
	/*float: left;*/
	border:1px #ced6ec solid;
	background-color:#FFFFFF;
	color: #000;
}
#form select{

/*width:225px;*/
height:24px;
/*float: left;*/
border:1px #ced6ec solid;
background-color: #FFFFFF;
color: #000;
}
#form  textarea{
width:230px;
height:100px;
/*float: left;*/
border:1px #ced6ec solid;
background-color:#FFFFFF;
color: #000;
}

#form input.send{
background: #13A8C8;
	color: #fff;
	font-weight: 700;
	font-style: normal;
    font-size: 13px;
	border: 0;
	cursor: pointer;
	width: auto;
}
/* fin FORMULARIO*/
.zebra {

	border-collapse: collapse;

	width:100%;

	margin-top:5px;

	font-size: 1.1em;

	border: 1px solid #CCCCCC;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

}

.zebra th {

	color: #FFF;

	font-weight:  normal;

	border:1px solid #CCCCCC;

	font-family:Helvetica, Arial, sans-serif;

	font-size:11px;

	font-weight:bold;

	padding: 2px 2px;

	text-align: center;

	line-height: 1.2;

	height: 20px;	

	font-weight:bold; 

	background:#13A8C8; 

}

.zebra  td {

	padding: 2px 3px;

	border: 1px solid #CCCCCC;

	text-align: left;

	color:#555555;

}

.zebra td * {

	/*padding: 6px 11px;*/

	/*height: 20px;*/	

}

.zebra tr.alt td {

	background: #E5F1F4;

}

.zebra tr.over td, zebra.tr:hover td {

	background: #F8FBFC;

}


div.pagination { 
width:645px;
padding:5px;
margin:5px;
text-align:center;
float:left;
clear:both;
font-size:10px;
}


#pages {
	clear: both;
	text-align: center;
}
#pages li {
	display: inline;
	padding: 3px 6px 4px;
}
#pages li.page {
	border: 1px solid #CCC;
	margin-right:5px;
}
#pages li.estilo {
	color:#FFFFFF;
	font-weight:bold;
	border:1px solid #FFFFFF;
}
#pages li.current {
	background-color: #1471B1;
	color:#FFFFFF;
	font-weight:bold;
	border:1px solid #1471B1;
}
#pages li a {	
	color:#000033;
	font-weight:bold;
	cursor:pointer;
}
#pages li a:hover {
color: #8A8A8A;
}
.login{
border-right:1px solid #CAD1D7; border-left:1px solid #CAD1D7; border-bottom:1px solid #CAD1D7; 
padding-left:10px; padding-top:7px; padding-bottom:5px
}
.bot {	
	border:1px solid #FFFFFF;
	border-color : #999999;
	font-family : Verdana, arial;
	font-size : 10px; 
	color : #666666;
}

.menu:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#113863;
	text-decoration: none; }

.menu:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#113863;
	text-decoration:underline; 
}

.font1 { padding-right:5px; padding-left:5px; width:auto;}
.font3 {font-family: verdana; font-size: 12px; color: #113863; text-align:right; }
.font6 { color: #113863;text-align:left; padding:5px 0px; }
.font7 {font-family: verdana; font-size: 12px; color:#FF0000}
.borde_cart{
padding-top:5px;border-right:1px solid #C8C8C8;border-bottom:1px solid #C8C8C8;
}
.borde_cart3{
border-right:1px solid #C8C8C8;
color:#FF0000
}
.boder_tabla_cart{
border-left:1px solid #C8C8C8;
border-top:1px solid #C8C8C8;
border-bottom:1px solid #C8C8C8;
margin-bottom:10px;
}
.boder_tabla_cart2{
border-left:1px solid #C8C8C8;
border-top:1px solid #C8C8C8;
margin-bottom:10px;
}
.boder_cart2{
border-bottom:1px solid #C8C8C8;border-right:1px solid #C8C8C8
}
.borde4{border-right:1px solid #C8C8C8;}
.boder_cart5{
border-bottom:1px solid #C8C8C8;border-right:1px solid #C8C8C8;
text-align:left
}
.detapro{
padding-left:5px;
padding-top:10px;
text-align:justify;
}
.pag_fin{
border-right:1px solid #CCCCCC;
}
.btn_confirm{
font:Tahoma; background:#13A8C8; width:115px; height:20px; color:#FFFFFF; border:0px;
}
/* table-credits */
.table-credits {
	width: 100%;
	margin: 1px 0 0;
	text-align: left;
	line-height: 15px;
	border-collapse: collapse;
}
.table-credits th,
.table-credits td {
	color:#113863;
	background: #fff;
	border: 1px solid #E4EBF1;
}
.table-credits th {
	font-size: 12px;
	padding: 5px;
	
}
.table-credits td {
	font-size: 12px;
	padding: 5px;
}
.table-credits td .btn-2 {float: right;}
.table-credits .line td {background: #FAFBFC;}

.table-credits td em {
	color: #B9BCBF;
	font-size: 11px;
	font-style: normal;
	margin: 0 0 0 10px;
}
/* fin table-credits */
/*---------------scroller-------------*/
#header_generador {
	padding-top:5px;
	font-size:12px;
	COLOR:#1d1d1d;
}
#trends {
	MARGIN: 0px auto; WIDTH: 899px
}
.background .inner {
	Z-INDEX: 997; POSITION: relative
}
#trends {
	Z-INDEX: 996; ZOOM: 1; POSITION: relative
}
#trends .inner {
	OVERFLOW: hidden; WIDTH: 899px; ZOOM: 1; POSITION: relative;
}
#trends UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; Z-INDEX: 20; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; ZOOM: 1; WHITE-SPACE: nowrap; LIST-STYLE-TYPE: none; POSITION: relative
}
#trends LI {
	PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT:25px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; ZOOM: 1;
	background: url(images/inteepoca.jpg) no-repeat 10px center;
}
#trends EM {
	DISPLAY: none; ZOOM: 1
}
#trends A {
	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px
}
#trends LI.trend-label {
	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px
}
#trends LI.trend-label {
	FONT-SIZE: 9px; TEXT-TRANSFORM: uppercase; COLOR: #def; ZOOM: 1; LETTER-SPACING: 0.2em
}
#trends A {
	DISPLAY: inline-block; COLOR:#1d1d1d; ZOOM: 1;
	
}
#trends A:hover {
	COLOR: #A21503; ZOOM: 1; TEXT-DECORATION: none
}
/*#trends A.active {
	COLOR: #A21503; ZOOM: 1; TEXT-DECORATION: none; font-weight:bold;
}*/

#trends .fade-right {
	BACKGROUND-POSITION: -60px 0px; RIGHT: 0px; LEFT: auto
}
#trends DL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 20px; MARGIN: 0px; COLOR: #ace; LINE-HEIGHT: 18px; PADDING-TOP: 20px
}
#trends DT {
	DISPLAY: block; FONT-SIZE: 11px; MARGIN-BOTTOM: 4px; COLOR: #df6
}
#trends DT IMG {
	VERTICAL-ALIGN: middle
}
#trends DD {
	MARGIN: 0px
}
#trends DD STRONG {
	COLOR: #fff
}
#trend_description P {
	FONT-SIZE: 1em
}
.trendtip {
	MARGIN-TOP: 9px; DISPLAY: none; FONT-SIZE: 11px; BACKGROUND: #fff; WIDTH: 240px; COLOR: #aaa; LINE-HEIGHT: 18px; POSITION: relative; webkit-border-radius: 8px; moz-border-radius: 8px; border-radius: 8px
}
.trendtip-content {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BACKGROUND: #000; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; webkit-border-radius: 5px; moz-border-radius: 5px; border-radius: 5px
}
.trendtip-trend {
	DISPLAY: block; MARGIN-BOTTOM: 10px; FONT: bold 15px/18px "Helvetica Neue",Arial,Sans-serif; COLOR: #fa2
}
UL.trendscontent A:unknown {
	outline: 0; moz-outline: 0
}
UL.trendscontent A:active {
	outline: 0; moz-outline: 0
}

/*--------------fin scroller---------------------*/