/*##################################################################################*/
/*##  Copyright FERCA NETWORK, S.L. (1995-2004) Todos los Derechos Reservados.    ##*/
/*##                          http://www.ferca.com                                ##*/
/*##       Departamento de Diseño y Desarrollo Web : desarrollo@ferca.com         ##*/   
/*##            Diseño y Arquitectura de Estilos  Por Andrés Toledo               ##*/
/*##################################################################################*/

/***********************************************/
/* HTML body Estyles  GENERAL ESTILOS          */
/***********************************************/ 

body{
	font-family				: Arial,sans-serif;
	font-size				: 11px;
	line-height				: 1.166;	
	margin					: 0px;
	padding					: 0px;
	color					: #9D3C39;
}

#bg {
	width			: 100%; 
	margin			: auto; 
	background		: url(../../../../templates/default/imgs/templates/vegajardin/bg_line_superior.jpg) repeat-x top center ;
}
	a{  		color: #9D3C39; text-decoration: underline; font-weight: normal;}
	a:link{ 	color: #9D3C39;}
	a:visited{  color: #9D3C39;}
	a:hover{    color: #FF0000;}

	h1{			font-family: Verdana,Arial,sans-serif; font-size: 25px; color: #334d55; text-decoration: none; font-weight: normal; margin: 0px; padding: 0px;
				}
	h2{			font-family: Arial,Verdana,sans-serif; font-size: 114%; color: #006699; text-decoration: none; font-weight: normal; margin: 0px; padding: 0px;
				}
	h3{			font-family: Arial,Verdana,sans-serif; font-size: 11px; color: #334d55; text-decoration: none; font-weight: normal; margin: 0px; padding: 0px;
				}
	h4{			font-family: Arial,Verdana,sans-serif; font-size: 100%; color: #333333; text-decoration: none; font-weight: normal; margin: 0px; padding: 0px;
				}
	h5{			font-family: Arial,Verdana,sans-serif; font-size: 100%; color: #334d55; text-decoration: none; font-weight: normal; margin: 0px; padding: 0px;
				}
				
	ul{			list-style-type		: font-family: Arial,Verdana,sans-serif; font-size: 11px; }
	ul{			list-style-type		: square;}
	ul ul{		list-style-type		: disc;}
	ul ul ul{	list-style-type		: none;}
	
	label{		font-family: Arial,Verdana,sans-serif; font-size: 100%; color: #334d55; text-decoration: none; font-weight: bold; 
				}
	
	
/***********************************************/
/* Layout Divs CONTAINERS CAPAS Y ESTRUCTURA   */
/***********************************************/

#format_page{ 			width			: 750px; 
						margin			: auto; 
						}
						
#format_page_print{ 	width			: 750px; 
						margin			: auto; 
						padding			: 10px; 
						}
						
/* HEADER *************************************/

#header_area{			width				: 750px; 
						margin				: auto; 
						padding				: 10px 0px 0px 0px; 
						background			: #ffffff;
						}
#header_top{			width				: 750px; 
						height				: 116px; 
						background 			: url(../../imgs/templates/clouds_blue/img/header_img.jpg) no-repeat bottom center ;
						}
#logo_text_area {		width				: 200px; 
						float				: left; 
						background-color	: ; 
						clear				:left;
						}
#titulo_page{			margin				: 0;
						padding				: 30px 0 0 10px; 
						color				: #ffffff;
}
#descripcion_page{ 		margin				: 0; 
						padding				: 0 0 0 10px; 
						color				: #ffffff; 
						font-size			: 12px
						}
#banner_area{			display				: table; 
						padding				: 30px 0 0 10px; 
						width				: 468px; 
						margin-left			: 15px; 
						margin-right		: 10px; 
						margin-bottom		: 10px; 
						background-color	: ;
						}
						
/* HEADER MENU Menu cabecera */

#menu_header{			color				: #cccccc;  
						height				: 31px;
						border-top			: 0px solid #ffffff;
						border-bottom		: 1px solid #ffffff;
						padding-left		: 10px;
						background			: url(../../imgs/templates/clouds_blue/img/bg_menu_header.jpg) repeat bottom center ;
}
#menu_header img{		display				: block;
}
#menu_header a {		font-size			: 100%; padding: 0 4px 0 0; color : #ffffff;
}
#menu_header a:hover {	font-size			: 100%; padding: 0 4px 0 0; color : #ffffff;
}	

/* HEADER info user Información cabecera */

#infouser_header{	font-size			: 100%; 
					color				: #FFFFFF; 
					margin-top			: 0px;
					padding				: 5px 5px 5px 10px;
					background			: url(../../imgs/templates/clouds_blue/img/header_header_bottom.jpg) no-repeat bottom center ;
					text-align			: right;
}
#infouser_header a {		font-size			: 100%; padding: 0 4px 0 0; color : #ffffff;
}
/* FOOTER AREEA Pie de página    */

#footer_area{
					clear				: both;
					border				: 1px solid #cccccc;
					color				: #444444;
					padding				: 10px 10px 10px 10px;
					margin-bottom		: 10px;
					background-color	: #E3EAF3;
}

/* COLUMN LEFT Columna Izquierda    */

#columna_izq_area{
					float				: left;
					width				: 140px;
					margin				: 0px;
					padding				: 0px;
					background-color	: #E3EAF3;
					border				: 0px solid #cccccc;
					margin-bottom		: 10px;
}
#columna_izq_area ul a:link {		display			: block;}
#columna_izq_area ul a:visited {	display			: block;}
#columna_izq_area ul {				list-style		: none; margin: 0; padding: 0;}
#columna_izq_area li {				border-bottom	: 1px solid #EEE;}
html>body #columna_izq_area li {	border-bottom	: none;}

/*********** #Channels Columns Left ***********/

#content{

	width: 757px;
	background: url(../../imgs/templates/vegajardin/img_04_bg_2.jpg) no-repeat ;
	float: center;
	margin: auto;

}


#channels_col_izq{
					position			: relative;
					margin				: 0px;
					padding				: 0px;
					border-bottom		: 0px solid #cccccc;
					font-size			: 100%;
					margin-bottom		: 10px;
					text-decoration		: none;
}
#channels_col_izq h3{
					padding				: 4px 0px 4px 10px;
					background-color	: #106EB6;
					color				: #FFFFFF; 
					margin-bottom		: 10px;
					margin-left			: 1px solid #706C67;
					margin-right		: 1px solid #706C67;
}
#channels_col_izq a {
					display				: block;
					border-top			: 0px solid #106EB6;
					padding				: 2px 0px 2px 10px;
					color				: #106EB6;
					text-decoration		 : none;
}
#channels_col_izq a:hover{
					background-color	: #D5DEE9;
					text-decoration		: none;
}

/* COLUMN RIGHT Columna Derecha    */

#columna_dcha_area{

						float				: right;
						width				: 140px;
						margin				: 0px;
						background-color	: #E3EAF3;
						border-right		: 0px solid #cccccc;
						border-bottom		: 0px solid #cccccc;
						margin-bottom		: 10px;
						padding				: 0px 0px 20px 0px;
						font-size			: 100%;
}
#columna_dcha_area p{	padding		 : 5px 0px 5px 0px; }

/* AREA CENTRAL Area central de contenidos   */

#columna_central{
	position 				: relative;
	top						: 0px;
	float					: left;
 	width					: 430;
	margin-left				: 15px;
	margin-right			: 10px;
	margin-bottom			: 10px;
	background-color		: #ffffff;
	font-size				: 11px;
}
#columna_central_interno{
 	width					: 430;
	margin-left				: 5px;
	margin-right			: 5px;
	margin-top				: 5px;
	margin-bottom			: 5px;
	background-color		: #ffffff;
	font-size				: 11px;
}
#feature{
 	width					: 430px; }
	
			/* DIVISION CONTENT División columnas centrales   */
			
			#td_izq{
				width					: 230px;
				float 					: left;
				margin-right			: 20px;
				background-color		: ;
				top						: 0px;
			}
			#td_dcha{
				width					: 180px;
				float 					: left;
				background-color		: ;
			}
			#columna_dcha_container_interno {
				margin-left				: 10px;
				margin-right			: 10px;
				margin-bottom			: 10px;
			}
			
/*************** NAVGETACION TREE Arbol de navegación **************/

	#tree{ 		margin			: 0px; 
				padding			: 0px 0px 0px 10px; 
				}
	#tree_navigation { 
				font-size		: 100%; 
				padding			: 2px 0px 0 10px;
				}

/************* SEARCH BOX Caja de búsqueda  ***************/

#search{
	padding					: 10px 0px 10px 10px;
	border-bottom			: 1px solid #cccccc;
	font-size				: 90%;
	background-color		: ;
}
#search form{
	 margin					: 0px;
	 padding				: 0px;
}
#search label{
	display					: block;
	margin					: 0px;
	padding					: 0px;
}

/************* SEARCH BOX Caja de búsqueda  ***************/

#area_login_col {	padding	: 10px 10px 10px 10px;
}

/************** LABEL MODULOS pestanas  **************/

#pestana_columna{ 	padding	: 4px 0px 4px 10px; background: #106EB6; color: #FFFFFF; }
#pestana_list{	    padding	: 3px 0px 3px 10px; background: #ffffff; color: #555555; margin-bottom: 10px; border: 1px solid #788CA5; }

/************** CONTENT LIST  Listados y Contenidos **************/

/* ARRAYS */
#list_array {			float: left;	margin-bottom: 10px; display: block; font-weight: none;} 
#list_array_int {						margin-bottom: 5px; display: block; font-weight: none;} 

.list_category{			color				: #788CA5;
						font-weight			: none;
		}
.list_date{				color				: #9D3C39;}
.list_title{			color				: #9D3C39;}
.list_title a{ 			color				: #9D3C39;}
.list_title a:visited { color				: #9D3C39;}
.list_title a:hover {	color				: #FF0000;}
.list_description{		color				: #9D3C39;font-weight: none;} 
.list_readers{			color				: #9D3C39;}

.list_title_big{			color			: #9D3C39; font-size: 16px; font-weight: bold;}
.list_title_big a{			color			: #9D3C39; font-weight: bold;}
.list_title_big a:visited { color			: #9D3C39; font-weight: none;} 
.list_title_big a:hover {	color			: #FF0000; font-weight: none;}

.list_commnet_title{ 	    color			: #9D3C39; font-weight: bold;}
.list_commnet_description{  color			: #9D3C39; font-weight: none;}	

.list_content_title{		color			: #9D3C39; font-size: 16px; font-weight: bold;}		
.list_content_descripcion{	color			: #9D3C39; font-size: 12px; font-weight	: none;}
.list_content_text{			color			: #9D3C39; font-family: Arial,sans-serif; font-weight: none;}

#list_line{ 		width					: 100%;
					height					: 20px;
					border-top				: 5px hiddem #ffffff;
					border-bottom			: 1px dashed #666666;
					color					: #666666;
					font-size				: 10px   verdana, tahoma, arial, sans-serif;
					font-weight				: none;
					text-align				: right;
					float					: left;
					margin-bottom			: 10px;
}
#list_line a{ 		text-decoration			: underline; }

/* IMAGES CONTENTS  Imágenes contenidos*/
#img_content {		border					: 1px solid #9D3C39; margin: 0px 8px 8px 0px;float: left; }

#img_content_sin {		border					: 0px solid #9D3C39; margin: 0px 8px 8px 0px;float: left; }

#img_content_right {		border					: 0px solid #9D3C39; margin: 0px 8px 8px 0px;float: right; }

/*********** SURVAYS Encuestas ***********/
#survey_question {
		font            	: 11px  arial,verdana,tahoma,sans-serif; color: #000000; font-weight: none;
		padding				: 10px 10px 10px 10px;	
		text-align			: center;
}
#survey_question_bottom {
		width				: auto;
		padding				: 10px 10px 10px 10px;
		align		    	: center;
		text-align			: center;
}
/*********** OPTIONS USER Opciones de usuario  ***********/

#menu_lateral_user ul, #menu_lateral_user li
{
		margin         		: 0;
		padding        	    : 0;
		list-style-type     : none;
		font                : 11px arial, verdana, tahoma, sans-serif;
		text-decoration		: none;
		font-weight			: none;
}
#menu_lateral_user a:link#current, #menu_lateral_user a:visited#current, #menu_lateral_user a:hover
{
		margin       	    : 0;
		padding       	    : 0;
		list-style-type 	: none;
		font            	: 11px arial, verdana, tahoma, sans-serif ;
		text-decoration		: underline;
		font-weight			: none;
		color				: #106EB6;
}
#options_document 
{
		padding				: 4px 0px 4px 10px;
		border-bottom		: 1px dashed #666666;
}


/***********  MODULES  *************************************************************************************/

#news_info{			font    : 11px  arial,verdana,tahoma,sans-serif; color: ; }
#info{			    font    : 11px  arial,verdana,tahoma,sans-serif; color: ; }

/***********  box Ratios  ********************/

#container_ratio_number{	
					color 	: #000000; background : #ffffff;  width	: 202px;
}
		#container_ratio_number_0 
		{
		border-left		   	: 1px solid #000000;
		background   	    : #ffffff; 
		width				: 40%;
		float			    : left;
		}
		#container_ratio_number_50 
		{
		border-right		: 1px solid #000000;
		background   	    : #ffffff; 
		width				: auto;
		text-align			: right;
		float			    : left;
		}
		#container_ratio_number_100 
		{
		border-right	   	: 1px solid #000000;
		background   	    : #ffffff; 
		width				: auto; 
 		text-align			: right;
		float			    : right;
	
		}
		#container_ratio
		{
		color				: #000000;
		border		   		: 1px solid #000000;
		background   	    : #ffffff; 
		width				: 200px;
		float			    : left;
		}
		#color_bar
		{
		
		color				: #000000;
		border		   		: 1px solid #ffffff;
		background   	    : #106EB6; 
		height				: 4px;
}

#center_space{
					clear: both;
					padding					: 0px 0px 0px 0px;
					background-color		: ;
					height					: 20px;
}

input
{
    font-family      : verdana, tahoma, sans-serif;
    font-size        : 11px;
    visibility       : visible;
    border           : 1px solid #FD9542;
    color            : Black;
    background-color : #FEF0DA;
    vertical-align   : middle;
}

select
{
    font-family      : verdana, tahoma, sans-serif;
    font-size        : 11px;
    visibility       : visible;
    border           : 1px solid #FD9542;
    color            : Black;
    background-color : #FEF0DA;
    vertical-align   : middle;
}
list
{
    font-family      : verdana, tahoma, sans-serif;
    font-size        : 0.95em;
    visibility       : visible;
    border           : 1px solid #FD9542;
    color            : Black;
    background-color : #FEF0DA;
    vertical-align   : middle;
}
label
{
    color            : #FD9542;

}