/****************************************
*
*	 HTML Elements
*
/****************************************/

* {margin: 0; padding: 0; border: 0;}

body{
	color: 	#333333;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	background-color:#000000;
	
	/* this will only work in mozilla & other standards compliant browsers */
	min-width: 780px;
	}
body.login_page{
	background:#eee;
	}	

a,
button {
	background: transparent;
	font-size: 	10px;
	text-decoration: none;
	text-align: left;
	}

button{
	cursor:pointer;
	}


	
h1{
	color:white;
	font-size:14px;	
	margin:5px;
	margin-top:-2px;
}

h5{
	color:white;
	font-size:15px;	
	margin:5px;
		margin-top:8px;
	font-family:Arial;
}


 h3{
     color:white;
     font-family:Arial;
     font-size:12px;
 }
 
 h2{
     color:white;
     font-family:Arial;
     font-size:14px;
     font-weight:bold;
     margin:10px;
 }
 
.empresa{
 	text-align:justify;
	color:white;
	font-size:15px;	
	margin-top:30px;
	font-family:Arial;

}
/****************************************
*
*	 Lists
*
/****************************************/	

dt{
	clear:left;
	width: 15em;
	float: left;
	}

dd{
	margin-left: 16em;
	margin-bottom:2px;
	}

	
/****************************************
*
*	Bubble 
*
/****************************************/	
.bubbleInfo {
    position: relative;
    margin-top:-50px;          
}
.bubbleInfo2 {
    position: relative;
    margin-top:-50px;          
}
.bubbleInfo3 {
    position: relative;
    margin-top:-50px;          
}

.bubbleInfo4 {
    position: relative;
    margin-top:-50px;          
}
.bubbleInfo5 {
    position: relative;
    margin-top:-50px;          
}
.bubbleInfo6 {
    position: relative;
    margin-top:-50px;          
}

.trigger {
position:absolute;
    cursor:pointer;
	cursor:hand;

}

.table_link{
position:relative;
    cursor:pointer;
	cursor:hand;
}
/* Bubble pop-up */

.popup {
	position: absolute;
	display: none;
	z-index: 50;
	border-collapse: collapse;
}

.popup td.corner {
	height: 15px;
	width: 19px;
}



.popup table.popup-contents {
	font-size: 12px;
	line-height: 1.2em;
	background-color: #fff;
	color: #666;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
	}

table.popup-contents th {
	text-align: right;
	text-transform: lowercase;
	}

table.popup-contents td {
	text-align: left;
	}


#bubbleImageBlue{
	width:150px;
	height:160px;
	/*background-image: url(http://revistas.co.cr/media/0bble.png);*/
	background-image: url(http://revistas.co.cr/media/bubbleBlue.png);
}

#bubbleImageYellow{
	width:150px;
	height:160px;
	/*background-image: url(http://revistas.co.cr/media/0bble.png);*/
	background-image: url(http://revistas.co.cr/media/bubbleYellow.png);
}

#bubbleImagePink{
	width:150px;
	height:160px;
	/*background-image: url(http://revistas.co.cr/media/0bble.png);*/
	background-image: url(http://revistas.co.cr/media/bubblePink.png);
}

#bubbleImageGreen{
	width:150px;
	height:160px;
	/*background-image: url(http://revistas.co.cr/media/0bble.png);*/
	background-image: url(http://revistas.co.cr/media/bubbleGreen.png);
}

#bubbleImageOrange{
	width:150px;
	height:160px;
	/*background-image: url(http://revistas.co.cr/media/0bble.png);*/
	background-image: url(http://revistas.co.cr/media/bubbleOrange.png);
}

#bubbleImagePurple{
	width:150px;
	height:160px;
	/*background-image: url(http://revistas.co.cr/media/0bble.png);*/
	background-image: url(http://revistas.co.cr/media/bubblePurple.png);
}
   
   #bubbleImageBlue ul,  #bubbleImageYellow ul,  #bubbleImagePink ul,  #bubbleImageGreen ul,  #bubbleImageOrange ul,  #bubbleImagePurple ul{
      list-style-type: none;
   }
   
   .bubbleTitle{
	   color:Black;
	   font-size:13px;
	   padding:10px 0 0 10px;       
   }
   
   #bubbleImageBlue ul li, #bubbleImageYellow ul li, #bubbleImagePink ul li, #bubbleImageGreen ul li, #bubbleImageOrange ul li, #bubbleImagePurple ul li {
   margin:15px 0 0 0;
   }
   
   #bubbleImageBlue ul li a, #bubbleImageYellow ul li a, #bubbleImagePink ul li a,  #bubbleImageGreen ul li a, #bubbleImageOrange ul li a, #bubbleImagePurple ul li a{
   	  margin:15px 0 0 10px;
   	  color:#af4462;
   	  text-decoration:none;
   	  font-family:Arial;       	         	  
   	  font-size:12px;
   }
   
    #bubbleImageBlue ul li a:hover, #bubbleImageYellow ul li a:hover, #bubbleImagePink ul li a:hover, #bubbleImageGreen ul li a:hover, #bubbleImageOrange ul li a:hover, #bubbleImagePurple ul li a:hover {
   	  text-size:13px;   
   	  font-weight:bold;  	         	  
   }
	
tr#release-notes th {
	text-align: left;
	text-indent: -9999px;
	background: url(http://jqueryfordesigners.com/demo/images/coda/starburst.gif) no-repeat top right;
	height: 17px;
	}

tr#release-notes td a {
	color: #333;
}
	
	
	
/****************************************
*
*	 Navigation
*
/****************************************/

#navigation{
	background:#E1E9FF;
	width:100%;
	position:fixed;
	}
	
.nav_module{
	float:left;
	padding:10px;
	width:22%;
	}

.nav_module h4{
	font-size:12px;
	margin-bottom:5px;
	}

.nav_module ul{
	list-style:none;
	}

.nav_module li{
	margin-bottom:2px;
	}

#subnavigation{
	font-weight:bold;
	padding-left:10px;
	}	
	
#top_space{
	font-size:15px;
	}

#subnavigation ul{	
	list-style:none
	}
	
#subnavigation li{	
	display:inline;
	margin-right:15px;
	}

	
/****************************************
*
*	 Content
*
/****************************************/

#allContent{
	/*padding-top:100px;*/
}

#allContentSort{
	/*margin-top:-24px;*/

}
#allContentSort_ninos{
	margin-top:-24px;
}

#content{
    color:#ffffff;
    font-family:Arial; 	
    min-height:600px;	
}

/****************************************
*
*	 initial view
*
/****************************************/

	
table.initView tr{
	padding-botton:20px;
	margin-botton:20px;
}
	

	
/********************************************************************
*
*	Messages & Alerts
*
********************************************************************/

.system_message{
	background:url('http://www.revistas.co.cr/media/iconos/messagebox_warning.png') no-repeat 5px 5px; 
	color:#b80900;
	display:block;
	/*position:absolute;/* este fue agregado nuevo para el mensaje de no existencia de seccion en el catalogo*/
	top:200px;/*este fue agregado nuevo para el mensaje de no existencia de seccion en el catalogo*/
	font-weight:bold;
	padding:30px 100px 10px 90px;
	}

	.system_messageFotos{
	background:url('http://www.revistas.co.cr/media/iconos/messagebox_warning.png') no-repeat 5px 5px; 
	color:#b80900;
	display:block;
	/*position:absolute;/* este fue agregado nuevo para el mensaje de no existencia de seccion en el catalogo*/

	font-weight:bold;
	padding:10px 0px 10px 50px;
	margin-left:-10px;
	}
	
	

.system_message2{
	background:url('http://www.revistas.co.cr/media/iconos/messagebox_warning.png') no-repeat 5px 5px; 
	color:#b80900;
	display:block;
	font-weight:bold;
	padding:30px 100px 10px 90px;
}


.system_message img{
	float:left;
	margin-right:10px;
}

	
.system_positive_message{
	background:url('http://www.revistas.co.cr/media/apply.png') no-repeat; 
	color:green;
	display:block;
	font-weight:bold;
	padding:10px 10px 10px 90px;
	}


.inline_error{
	 font-weight:bold;
	 color:#b80900;
	}
	
/*
  background: #fff6bf url(../images/deprecated.gif) center no-repeat;
  background-position: 15px 50%;
  text-align: left;
  padding: 0.6em 2em 0.6em 75px;
  border: 2px solid #ffd324; border-width: 2px 0;
  
  -----
  
  background-color:#ffdaca;
  background-image:url(../images/notice.gif);
  border-color:#ff7349
*/
	
/********************************************************************
*
*	Colors
*
********************************************************************/

.red{
	background-color:#ff0000;
	color:#fff;
	}

.yellow{
	background-color:#ffff00;
	color:#000
	}

.green{
	background-color:#00ff00;
	color:#000
	}

.blue{
	background-color:#5088c0;
	color:#fff;
	}
	
.grey{
	background-color:#969696;
	color:#fff;
	}
	
.white{
	background-color:#ffffff;
	color:#000;
	}

.spike{
	background-image:url('http://www.revistas.co.cr/media/spike_dots.png');
	}

	
/********************************************************************
*
*	Progress Indicator
*
********************************************************************/	

.progressIndicator{
	background-image:url('http://www.revistas.co.cr/media/indicator.gif');
	margin:0 auto;
	}

/********************************************************************
*
*	Buttons, Press Studs & Geat Big Buckles
*
********************************************************************/	

button{
	background:none;
	padding:0px;
	}
 	
button.expand{
	background:url('http://www.revistas.co.cr/media/expand.gif') no-repeat center;
	width:10px;
	}
 	
button.reload{
	background:url('http://www.revistas.co.cr/media/reload.gif') no-repeat center;
	width:10px;
	}
	
button.collapse{
	background:url('http://www.revistas.co.cr/media/collapse.gif') no-repeat center;
	width:10px;
	}
		
/********************************************************************
*
*	Miscellaneous
*
********************************************************************/	

.clear{
	clear:both;
	}



/********************************************************************
*
*	Calendar
*
********************************************************************/		
#calendar{
	font-size:9px;
	}
	
.daytable {
    background-color: #ccc;
    width: 130px;
	}

.dayrow {
    height: 13px;
	}

.dayhead {
    background-color: #FFFFFF;
  	font-weight: normal;
    text-align: center;
	}

.days {
    background-color: #FFFFFF;
    text-align: center;
    width:13px;
	}
	

/********************************************************************
*
*	Autocomplete
*
********************************************************************/		
table.colourQuantities{
	margin-bottom:10px;
	}	

div.autocomplete {
      position:absolute;
      width:250px;
      background-color:white;
      border:1px solid #888;
      margin:0px;
      padding:0px;
	}
	
div.autocomplete ul {
	list-style:none!important;
	list-style-image:none!important;
	margin:0px;
	padding:0px;
	}

div.autocomplete ul li.selected {
	background-color: #E1E9FF;
	}

div.autocomplete ul li {
	font-size: small;
	list-style-type:none;
	display:block;
	margin:0;
	padding:2px;
	cursor:pointer;
	}
	

/********************************************************************
*
*	Parameterization
*
********************************************************************/			
.po_aed_options{
	display:block;
	margin-bottom:20px;
	}
#po_aed_options li{
	float:left;
	list-style:none;
	}
#po_aed_options input{
	margin-left:20px;
	width:14px;
	}
	
/***************************************
*
*	Tables
*
/***************************************/	

.catalog_table tbody tr td{
	width:150px;
	height:95px;
	background-color:#e4acab;

}


.catalog_table{
	margin:20px 0 0 20px;
}

.catalog_home_table tbody tr td{
	width:140px;
	height:107px;
	/*border: 1px solid black;*/
	margin:18px 0 0 5px;
}

.home_boda_table tbody tr td{
	width:140px;
	height:109px;
	/*border: 1px solid black;*/
	margin:18px 0 0 5px;
}

.novia_table tbody tr td{
	width:140px;
	height:107px;
	/*border: 1px solid black;*/
	margin:18px 0 0 5px;
}

.novio_table tbody tr td{
	width:140px;
	height:110px;
	/*border: 1px solid black;*/
	margin:18px 0 0 5px;
}


#leftNav tr td{
	width:70px;
	height:100px;

}


.catalog_home_table{
	background: url('http://www.revistas.co.cr/media/novias/intro_catalogo.jpg');
	width:100%;
}

.home_boda_table{
	background: url('http://www.revistas.co.cr/media/novias/home_boda_table.jpg');
	width:100%;
}

.novia_table{
	background: url('http://www.revistas.co.cr/media/novias/catalogo_novia.jpg');
	width:100%;
}

.novio_table{
	background: url('http://www.revistas.co.cr/media/novias/catalogo_novio.jpg');
	width:100%;
		
}


#catalogo_table_image{
	background: url('http://www.revistas.co.cr/media/novias/catalogo_back.jpg');
	width:100%;


}
.catalogo_table{
	/*background: url('http://www.revistas.co.cr/media/novias/catalogo_back.jpg');*/
		margin:12px 0 0 10px;
	width:96.5%;
}

.catalogo_table tbody tr td{
	width:125px;
	height:105px;
	/*border: 1px solid black;*/
	/*margin:18px 0 0 5px;*/
}

/****************************************
*
*	 Users && Login
*
/****************************************/
#login form{
	margin:220px 0px 0px 60px
	}

#login form input{
	background:none;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:1px solid #000
	}
	
#login form label{
	margin-top:8px;
	}
	
#login form #loginbutton{
	border-bottom:none;
	margin-left:195px;	
	}
	
#login_msg{
	color:#b80900;
	font-weight:bold;
	text-align:center;
	margin:25px 40px 0px 40px;
	}
	
#loggedin{
	float:right;
	font-size:10px;
	padding-top:3px;
	}

.centered{
	background: url('http://www.revistas.co.cr/media/background_login.gif');
	height: 406px;
	left: 50%;
	margin-left: -203px; /* half of width */
	margin-top: -203px;  /* half of height */
	position: absolute;
	top: 50%;
	width: 406px;
	}
	
/****************************************
*
*	 Pagination
*
/****************************************/

div.pagination{
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:5px 0px;
	width:100%;
	}

div.pagination b,div.pagination2 b,
div.pagination a,div.pagination2 a{
	margin-right:7px;

	}
	


#paginationFilter{
	width:100%;
	color:#000000;
	font-size:9px;
	font-family:Arial;
	margin-left:10px;
}
	
/******************************************
*
* Version
*
/******************************************/

#versionStyle{
	float:right;
	padding:5px;
	font-style: italic;
}

#logoutPosition{
	padding-top:65px;
}

#empresa{

	margin: 0; padding: 0; border: 0;
	margin-top:-480px;
	margin-left:20px;
	width:600px;
	height:500px;	
	z-index:500;

	position:relative;
	
	
	
	
}

#contactos{
	margin: 0; padding: 0; border: 0;
	margin-top:-480px;
	margin-left:40px;
	width:600px;
	height:500px;	
	z-index:500;
	position:relative;
	float:left;
	
}	

#contactos a{
	color:#ffffff;
}

#mision{
	float:left;width:130px;height:180px;color:#000000;
}

#quienessomos{
	margin-top:100px;
}

#vision, #valores{
float:left;width:130px;height:180px;margin-left:40px;color:#000000;
}


#direccion{
	float:left;width:175px;height:175px;
}

#coordinadores{
	float:left;width:175px;height:175px;padding-left:35px;
}

#disenadores{
	float:left;width:175px;height:175px;padding-left:35px;
}

#telefonos{
	top:200px;
	left:150px;
	width:300px;height:200px;
	text-align:center;
	position:relative;
	
}

 .float {  
     float: left;  
     }  
 .clear {  
     clear: both;  
     }  
 #container {  
     width:650px;  
     margin: auto; 
     background-color:#000000;  
     }  
     
#header {  /*espacio para el banner de publi superior, recordar que es generico, entonces puede cambiar por producto*/
     background-color:#000000;  
     height: 90px;  
     z-index:150;
     width:100%;  
     margin-top:-211px;
     color:white;
}
     

    
 #sidebar_left {  
    text-align: center;  
    background-color:#a5b3be;  
    width: 150px;  
 }  
  
 #sidebar_right {  
    background-color:#a5b3be;  
    width: 90px;  
 } 
      
 #footer {  
	 font-size:9px;
	 color:#fff;
    text-align:center;  
 }  

 #centerImageHome{
 	background: #000000 url(http://www.revistas.co.cr/media/fondohome.jpg) no-repeat;	
 	height:600px;
 	width:1024px;
 	margin: auto;
 	padding-top:105px;
 } 
 
 #centerImageMovie{
 	background: #000000 url(../media/sintonizateback.jpg) no-repeat;	
 	height:600px;
 	width:1024px;
 	margin: auto;
 	padding-top:105px;
 } 
 
 #centerImageBien{
 	background: #000000 url(http://www.revistas.co.cr/media/bienestar/fondobien.jpg) no-repeat;	
 	height:600px;
 	width:1024px;
 	margin: auto;
 	padding-top:105px;
 } 
  #centerImageMama{
 	background: #000000 url(http://www.revistas.co.cr/media/mama/fondomama.jpg) no-repeat;	
 	height:600px;
 	width:1024px;
 	margin: auto;
 	padding-top:105px;
 }
 
  #centerImageBienestar{
 	background: #000000 url(http://www.revistas.co.cr/media/bienestar/fondobienestar.jpg) no-repeat;	
 	height:600px;
 	width:1024px;
 	margin: auto;
 	padding-top:105px;
 }
 
   #centerImageCooperativas{

 	height:600px;
 	width:1024px;
 	margin: auto;
 	padding-top:105px;
 }
 
  #centerImageDietas{
 	background: #000000 url(http://www.revistas.co.cr/media/dietas/fondodietas.jpg) no-repeat;	
 	height:600px;
 	width:1024px;
 	margin: auto;
 	padding-top:105px;
 }
 
  
  #centerImagePensiones{
 	background: #000000 url(http://www.revistas.co.cr/media/pensiones/fondopensiones.jpg) no-repeat;	
 	height:600px;
 	width:1024px;
 	margin: auto;
 	padding-top:105px;
 }
 
   #centerImageNinos{
 	background: #000000 url(http://www.revistas.co.cr/media/ninos/revistasHDN.jpg) no-repeat;	
 	height:600px;
 	width:1024px;
 	margin: auto;
 	padding-top:105px;
 }
 
  #centerImageNovias{
 	background: #000000 url(http://www.revistas.co.cr/media/novias/fondonovias.jpg) no-repeat;	
 	height:600px;
 	width:1024px;
 	margin: auto;
 	padding-top:105px;
 }

     
 
#top_nav {
	background: #333 url(http://www.revistas.co.cr/media/bg_menu_principal.jpg) repeat-x;	
	height: 35px;
	width: 100%;
	top: 76px;
	position: relative;
}


#content_home{
	/*background-color:#a5b3be;*/
	height:600px;/*largo de la pagina	*/
}

#content_novias{
	background-color:#b15b5c;
	height:670px;/*640   original*/
}


#content_agenda{
	background-color:#c4b137;
	height:670px;/*640   original*/
}

#content_bienestar{

	height:670px;/*640   original*/
}

#content_dietas{
	background-color:#009ad0;
	height:670px;/*640   original*/
}

#moduletable{
  width:650px;  
  height:20px;
  position:relative;

}

#moduletable ul li a{
font-weight: bold;
  font-family: Helvetica,Arial,sans-serif;
  font-size: 11px;
  text-decoration: none;
  color:white; 
}

#formularioPromoImagenes{

height:350px;
width:300px;
float:left;
margin-left:20px;
}

#imagePreview{
	height:350px;
	width:300px;
float:left;
}

.mainlevel{

  width:108px; 
  float:left;
  text-align:center;

}

.mainlevel:hover{
	/*background: url(http://www.revistas.co.cr/media/bg_menu_principal_hover.jpg) repeat-x;*/
	 /*presenta error brinco en el ultimo boton, parece ser un par d pixeles*/
  

}

#logo {/*lgo superrior dijo de revistas*/
	position: absolute;
	left: 0;
	top: 0;
	float: left;
	width: 187px;
	height: 75px;
	z-index:1000px;
	background: url(http://www.revistas.co.cr/media/logoRevistasPortal.jpg) 0 0 no-repeat;	
}

#top{
	background-color:#000000;
	height:106px;
	width:100%;
	/*position: fixed;*/
	left: 0;
	top: 0;
}

.listadoLinks{
	color:white;
	font-size:12px;
	font-weight:bold;
	font-family:arial;
	margin-left:7px;
	width:200px;
	/*background-color:red;*/


}

.listadoLinks:hover{
	color:#996699;
}

.backLinks{
	color:white;
	font-size:12px;
}

.backLinks:hover{
	color:#000000;	
}


#link_box{

	height:340px;width:300px;font-size:20px;
	/*background-color:green;*/
}

#link_box_titulos{
	margin:55px 0 0 5px;
	height:340px;width:320px;font-size:20px;
	/*background-color:red;*/
	font-family:Arial;
	z-index:700;
}

#lista_ninos_box{

	height:340px;width:320px;font-size:20px;
	/*background-color:red;*/
	font-family:Arial;
	z-index:700;


}

.lisdatoNotas{
padding:30px;
}

#fondo_ingreso_notas{
	background-color:#a5b3be;
	height:100%;
	padding:20px;
	min-height:2000px;
	
}

.botonSalvar{
	margin-left:300px;
	height:30;
}

.titleDescription{	
	font-size:10px;
	font-weight:normal;	
	padding:0px;
	margin:0px;	
}


.titleDescription{	
	font-size:10px;
	font-weight:normal;	
	padding:0px;
	margin:0px;	
	width:300px;
}



#logo_revista{
	width:150px;height:55px;float:left;
}

#logo_revista_largo{
	width:650px;height:55px;float:left;
}

#nav_box{
	width:500px;height:25px;float:left;
	
}

#navposition{
	width:500px;height:27px;float:left;margin-top:-3px;
/*	z-index:200px;top:131px;left:36.5%;position:relative;*/
}
	


#sliderZone{
	z-index:500;margin:100px 0 0 70px;position:absolute; width:340px;height:430px;

}

.bordeRojo{
	border: 1px solid red; 
}



.normal1{background-color:#048185;}
.alterante{background-color:#7c3190;}