/** ---------  HOJA DE ESTILOS GENERICA --------- **/

/** Marco **/ 
	/*--- general 				---*/
		*{margin:0; padding:0}
		body{font:normal 12px/14px Arial, Helvetica, sans-serif; color:#666;background-color:#DDD;}
		.noMargin_top{margin-top:0px !important}
		.left{float:left;}
		.right{float:right;}
		.clear{clear:both}
		.border_none{ border:none!important}
		#layout{width:100%; min-width:996px; max-width:1150px;}
		#web{float:left; width:100%; text-align:left; background:#fff;}
	/*--- fin general 			---*/
	
	/*--- cabecera 				---*/
		#header {float:left; width:100%; height:auto}
		#header.logo{float:left; width:268px; height:28px; margin:42px 0 0 20px; display:inline; text-decoration:none;}
		#header.logo img{margin:0px; padding 0px}
	/*--- fin cabecera 			---*/
	
	/*--- cuerpo 				---*/
		#content_body{float:left; width:98%; padding:1%;}
		#content_body.margin_top{ margin-top:50px!important;}
	/*--- fin cuerpo 			---*/
	
	/*--- pie 					---*/
		#footer{float:left; width:94.5%; padding:10px 2% 10px 3.5%; margin-top:30px}
		#footer p{float:left; width:auto; padding:35px 0 0 60px; font-size:12px; line-height:16px; color:#c5c5c5}
		#footer ul.links{float:right; width:auto; padding-top:35px}
		#footer ul.links li{float:left; width:auto; background:url('/en-us/sistema/disenos/skins/skin-generico/css/img/seperator.gif') no-repeat right 0; padding:0 5px 0 3px;}
		#footer ul.links li a{float:left; width:auto; font-size:12px; color:#c5c5c5; text-decoration:none}
		#footer ul.links li a:hover{ text-decoration:underline}
		#footer ul.links li.last{ background:none; padding-right:0}
	/*--- fin pie 				---*/
/** Fin Marco **/

/** Two columnas**/
	/*--- Lateral				---*/
		/* left column 302px + modificar cuerpo*/
		#Lateral{float:left; width:302px;} 
		#Lateral div.RadPanelBar {width:100%;}
			/* columna a la derecha de tamaño 302px
			#Lateral{float:right; width:302px;} 
			*/
	/*--- End lateral			---*/
		
	/*--- Body content				---*/
		/* body content right */
		#central{padding:0; margin-left:302px;}
		#central #content{float:left; width:98%; margin-top:0px; margin-bottom:5px}
			/*body content left
			#central{padding:0; margin-right:302px;}
			 */
	/*--- fin cuerpo			---*/
/** Fin dos columnas**/
/** Marco tres columnas **/
#three_columns{ float:left; width:976px}
#three_columns #columnLeft{ float:left; width:200px}

#three_columns #containerRight{ float:right; width:745px; margin-left:17px; display:inline}
#three_columns #containerRight .centralContent{ float:left; width:520px}
#three_columns #containerRight .centralContent .innerCentral{ float:left; width:516px; padding:0px 0px 0px 4px}

#three_columns #containerRight .columnRight{ float:right; width:212px}
/** Fin marco tres columnas **/

/** Marco complejo para pestanas **/
	#tabs ul li{float:left;padding:35px 5px}
	#tabs ul li a,a:visited {text-decoration:none;}
	#tabs ul li a:hover {text-decoration:underline;}
	#tabs ul li.Selected{}
	#tabs ul li.Selected a,
	#tabs ul li.Selected a:visited{}
	#tabs ul li.Selected a:hover{}
/** Fin marco complejo para pestanas **/

.RadPanelBar .rpLink,.RadPanelBar .rpLink .rpOut, .RadPanelBar .rpRootGroup {border:0px none; !important}
/*.rpLink:hover{margin-bottom:-1px}*/
a:hover .rpOut{margin-bottom:-1px;}
.rpGroup  a:hover .rpOut{margin-bottom:0px !important;}
.rpExpanded .rpOut,.rpSelected .rpOut{margin-bottom:1px !important;}
.rpGroup .rpExpanded .rpOut,.rpGroup .rpSelected .rpOut{margin-bottom:0px !important;}

.RadPanelBar .rpGroup{overflow:hidden;}