@import url("reset.css");

BODY {
	MARGIN: 5px;	
	background: url(images/fondo_web_2011.jpg) no-repeat;
	background-color:  #ffffff; /* #C2D8E6; */
	margin            : 0px 0px 0px 0px;
	font-family: Helvetica Neue,Helvetica,Arial,FreeSans,sans-serif;

    font-size         : 10px;	
}

TABLE
{
   border-width     : 0px;
   border-spacing   : 0px;
   border-collapse  : collapse;
}

TABLE.fullWidth,TABLE.fW
{
   width            : 100%;
}

TD
{
   padding          : 0px 0px 0px 0px;
}

TD.fullWidth
{
   width            : 100%;
}

IMG
{
   border-width     : 0px;
   padding          : 0px 0px 0px 1px;
   display          : inline;
}   

INPUT, SELECT, TEXTAREA
{
   color            : #115E94;
   font-size        : 13px;
   border-width     : 1px;
   border-style     : solid;
   border-color     : #7EB0C9;
   padding: 2px;
}

INPUT.CHECKCLASS
{
   color            : #115E94;
   font-size        : 13px;
   border-width     : 0px;
   border-style     : solid;
   border-color     : #7EB0C9;
}

ul {
	-moz-padding-start: 10px;		
	padding-left: 5px;
}

ol li {
	list-style-type: decimal;
	padding-left: 0px;
	margin-bottom: 7px;
	padding-right: 5px;
	margin-left: 30px;	
}

ul li {
	background: url(images/li.gif) no-repeat 0px 4px;
	list-style-type: none;
	padding-left: 15px;
	margin-bottom: 7px;
	padding-right: 5px;
}

/* Menu Superior */
#menu_sup
{
	width: 100%;
	border-bottom: 1px solid gray;
	text-align: center;
	/*background: transparent url("images/fondo_menu_sup.jpg") repeat 0 0; */
}

/* First Row*/
DIV.contenedor
    {
	background-color: transparent;
	/*padding: 0px 2px 0px 2px;  */ /* top right bottom left */
	width: 795px;
	border: 0px solid #d7d7d6;
	margin-top: 1px;
	margin-bottom: 5px;
   }  
   
   
DIV.contenedor h3  { /* groovy floating topright headings */
  background: transparent;
  font-size: 14px; 
  font-weight: bold;

  color: #ffffff;
 
  padding-left     : 2px;
  padding-top      : 2px;
  padding-bottom   : 4px;
  
  text-align: left;
  text-indent: 6px;
  
  margin: 0px;
  margin-bottom: 2px;
  min-height: 16px;
  display:block;
}  

/**/
TD.rowHiliteSubTitle
{
   background-color : #213138;
   padding-left     : 5px;
   padding-top      : 5px;
   padding-bottom   : 5px;
}

.rowHiliteSubTitle
{
   FONT-SIZE: 13px;
   COLOR: white;
   FONT-WEIGHT: bolder;
   border-bottom: 1px solid #A8C3D0;
}

/* textos menu izq, blancos con efecto rollover
.E {font-weight: none; font-size: 10px; color: #115E94; text-decoration: none; line-height: 16px;}
.E:hover {color: blue; font-weight: none; background-color: yellow } */

/* hipervinculos de las paginas auxiliares */
.Ligas {font-size: 12px; font-weight: bold; color: #115E94; text-decoration: underline;}
.Ligas:hover {background-color: yellow; color: #115E94; }

/* texto de titulares */
.Titular {font-weight: bold; font-size: 16px; color: #588ba3; text-decoration: none; }

/* texto de titulares de las paginas adicionales */
.Titulares {font-weight: bolder; font-size: 22px; color: #4C4C64; text-decoration: none; font-variant: small-caps; line-height: 28px; }

/* sub titulos */
.Subtitulos {
	COLOR: Gray;
    padding: 0px 1px 0px 4px;
	margin: 0px 0px; 
	font-size: 18px;
    font-weight : bolder;
    display          : inline;
	line-height: 28px;
}

/* texto comun */
.F {font-size: 13px; color: #4C4C66; line-height: 16px; padding: 2px 3px 5px 5px; }

.FBOLD {font-weight: bold; font-size: 13px; color: #4C4C64; line-height: 16px;}
.FTITLE {font-weight: bold; font-size: 14px; color: #4C4C64; font-variant: small-caps; }

/* texto opcional */
.G {font-size: 13px; color: #4C4CF2}


.link_white { 
	BACKGROUND: #FFFFFF;
	BORDER-BOTTOM: 1px solid #d2cdac;
	BORDER-LEFT: 1px solid #d2cdac; 
	BORDER-RIGHT: 1px solid #d2cdac;
}

H1 {
	BORDER-RIGHT: 0px; 
	BORDER-TOP: 0px; 
	MARGIN: 5px 0px 10px; 
	font-size: 22px; 
	font-weight: bolder;
	font-variant: small-caps; 
	BORDER-LEFT: 0px; 
	BORDER-BOTTOM: 0px;
	display: inline;
}

H2 {
	MARGIN: 0px; 
	font-size: 14px;
}

H3 {
	COLOR: #4C4C66;
	margin: 2px; 
	font-size: 18px;
}

H4 {
	COLOR: #4C4C66;
	MARGIN: 0px; 
	font-size: 16px; /* Verdana, Tahoma; */
	font-weight: bold;
	padding: 2px 4px 4px 2px;
	border-bottom: 1px dotted silver;
	text-align: left;
}

/* DIV FRAMES */
div.info_frame
{
	background: #f2f6f7; /*#DDDDFF;*/
	margin-left: 7px;	
	margin-right: 5px;	
	margin-bottom:6px;	
	font-size: 12px; /*Tahoma, Verdana;*/
	color: #23232f;	
	line-height: 16px;
	text-align:left;
	padding: 5px 5px 5px 5px;
	border: 1px solid #c6cac8;
} 
 
div.info_frame h3  { /* groovy floating topright headings */
  font-size: 13px; /*Tahoma, Verdana;*/
  font-weight: bold;

  color:#4C4C66;
  position:relative;
  top: 8px;
  border:0 none;  
  padding-bottom: 4px;
  padding-left: 0px;
  margin-bottom: 10px;
  
  background-color: transparent;
} 

div.info_frame div { /* groovy floating topright headings */
  padding-bottom: 14px;
  border:1 black;
  padding: 5px 5px 5px 8px;  
} 

div.info_frame h2  
{
  font-size: 15px; /*Tahoma, Verdana;*/
  font-weight: bold;

  clear: left;
  margin:0;
  color:#4C4C66;
  position:relative;
  top: 8px;
  border:0 none;  
  padding-bottom: 10px;
  line-height: 110% !important;

}  

div.info_frame p  {
   padding-left     : 1px;
   padding-right    : 5px;
   padding-top      : 3px;
   line-height: 16px;
}  
  
div.info_frame ul  {
   padding-top: 3px;
   padding-bottom: 5px;
   margin-left: 0px;
   font-size: 12px;
   line-height: 17px;  
}  
    
  
DIV.info_frame A
{
   font-size: 12px; /*Verdana, tahoma;*/
   font-weight: bold;
   text-decoration  : underline;
}

DIV.info_frame A:visited
{
	color: #445977;
}

DIV.info_frame A:hover
{
   background: yellow;
   color: blue;
   text-decoration  : underline;
}

DIV.info_frame td
{
   color:#4C4C66;
   font-size: 12px; /* Verdana, tahoma; */
}

DIV.info_frame A:link, 
DIV.info_frame A:active
{
   color            : #115E94;
}
  
/* info frame special */  
div.info_frame_special
 {
	width: auto;
	background-color: #e2efd9;
	margin-left: 7px;	
	margin-right: 5px;	
	margin-bottom:6px;	
	font-size: 12px; /* Verdana;*/
	color: #353547;	
	line-height: 16px;
	padding: 5px 5px 5px 5px;
	text-align: left;
	border: 1px solid #c6cac8;
  }
  
div.info_frame_special h3  { /* groovy floating topright headings */
  font-size: 13px; /* Tahoma, Verdana;*/
  font-weight: bold;
  
  color:#4C4C66;
  margin:0;
  position:relative;
  top: 8px;
  border: 0 none; 
  padding-bottom: 4px !important;

  background-color: transparent;
}    
  
div.info_frame_special p  {
   padding-left     : 1px;
   padding-right    : 5px;
   padding-top      : 3px;
   background: none;
}  

div.info_frame_special ul  {
   padding-left: -35px;
   padding-right: 15px;
   padding-top: 3px;
   padding-bottom: 5px;
   font-size: 12px;
   line-height: 17px;   
}  
  
div.info_frame_special A
{
   font-size: 12px; /*Verdana, tahoma;*/
   text-decoration  : underline;
   font-weight: bold;
}

DIV.info_frame_special A:visited
{
	color: #445977;
}

DIV.info_frame_special A:hover
{
   background: yellow;
   color: blue;
   text-decoration  : underline;
}

.links_img {font-weight: bold; color: #115E94; text-decoration: underline; overflow: auto;}
.links_img:hover {background-color: transparent !important; }
.links_img IMG:hover 
{
	background-color: #f5f7da; 	
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	opacity: 0.75;		
}

DIV.info_frame_special A:link, 
DIV.info_frame_special A:active
{
   color            : black;
}  

/* blank frame */ 
div.info_frame_blank
{
	background: #FFFFFF;
	margin-left: 7px;
	margin-right: 5px;	
	margin-bottom:6px;	
	font-size: 12px; 
	color: #272735;
	line-height: 16px;
	padding: 5px 5px 5px 5px;
	text-align: left;
	border: 1px solid #e1e5e3;	
} 
  
div.info_frame_blank p  {
   font-size: 12px;
   padding-left     : 1px;
   padding-right    : 5px;
   padding-top      : 3px;
   line-height: 17px; 
}  

div.info_frame_blank ul  {
   padding-left: -35px;
   padding-right: 5px;
   padding-top: 3px;
   padding-bottom: 5px;
   font-size: 12px;
   line-height: 17px; 
}

div.info_frame_blank h2  
{
  font-size:16px;
  font-weight: bold;

  clear: left;
  color:#4C4C66;
  margin:0;
  position:relative;
  top: 8px;
  border:0 none;  
  padding-bottom: 10px;
  padding-left: 4px;
  padding-top: 2px;
  line-height: 110% !important;  
}  

div.info_frame_blank h3  { 
  font-size: 14px; 
  font-weight: bold;

  color:#4C4C66;
  margin:0;
  position:relative;
  top: 8px;
  border:0 none;  
  padding-bottom: 12px;
  
  border-bottom: none;
}

/* black frame */
div.info_frame_black
{
    width: auto;
	background: #333343;
    margin-bottom:6px;	
	font-size: 12px; /*Verdana;*/
	color: #FFFFFF;	
	line-height: 16px;

	padding: 5px 5px 5px 8px;
} 
  
div.info_frame_black h3  { /* groovy floating topright headings */
  font-size: 13px;
  font-weight: bold;
  
  padding:2px 1.5em 4px .5em;
  clear: left;
  color:#FFFFFF;
  margin:0;
  position:relative;
  left:1px;
  top: 8px;
  border:0 none; 
}   
  
div.info_frame_black p  {
   color:#4C4C66;
   padding-left     : 1px;
   padding-right    : 5px;
   padding-top      : 3px;
}  
   
/* tabla principal */   
DIV.tablaprincipal
{
   margin-left: 4px;
   margin-bottom: 4px;
   margin-right: 4px;
   margin-top: 0px;
   font-family: Arial, Helvetica;
   color: #191922;
   font-size: 13px; 
   line-height: 17px; 
   width: 99%;
   display: block;
   background: #FFFFFF;
   position: relative;
   top: -1px; /* 4px 4px 4px 7px;  */ /* top right bottom left */
   padding: 0px;
}

DIV.tablaprincipal h2
{
	font-size: 160%;
	padding-top: 10px;
	padding-left: 5px;
}

DIV.tablaprincipal p
{
   text-align: justify;
   left: 4px;
   margin: 4px 2px 4px 2px;/* top right bottom left */
   padding: 5px !important;
}

DIV.testimonio
{
	margin: 10px;
	padding-left: 38px;
	
	font-style: italic;
	border-bottom: 1px dotted gray;
	
	background: transparent url("images/testimonio_fondo.png") repeat 0 0; 
	
	padding-right: 10px;
}

DIV.testimonio h3
{
	font-size: 22px;
	font-style: normal;
	border-bottom: 0px solid #336699;
	
	background: transparent url("images/quote.png") no-repeat 0 0; 
	margin-left: -40px;
	padding-top: 5px;
}

/* nombre del contacto */
DIV.testimonio h4
{
	font-size: 13px;
	border-bottom: 0px solid #336699;
	text-align: right;
	color: #538144;
	font-weight: normal;
}

DIV.testimonio a
{
	font-size: 12px;
	font: gray;
	padding-left: 10px;
	margin: 0px;
}

DIV.testimonio a:hover
{
	color: blue;
	background-color: yellow;
}

TABLE.tablaprincipal
{
   width: 775px;
   left: 4px;
   margin: 4px 4px 4px 5px;/* top right bottom left */
   display: block;
   background: #F3F8FB;   
}

TD.tablaprincipal
{
   /*font-family: Verdana, Tahoma;*/
   text-align: justify;
}

DIV.tablapie
{
   font-family:arial,sans-serif;
   font-size: 11px;
   color: #f0f6fa;
   background: #73a6c6 url(images/footer-bg.gif) repeat-x ;
   top: 5px;
   overflow: auto;
   padding-top: 10px;
   padding-bottom: 10px;
   text-align:center;
   background-color: #73a6c6;
   
   margin-bottom: 5px;
}

.tablapie .wrap
{
	text-align: center;
	margin: 0 auto;

	position: relative;
	width: 890px;
}

.tablapie .col1, .col3, .col4 {
	border-right: 1px solid #c1d1c9;
	float: left;
	margin-right: 14px;
	width: 200px;
}

.tablapie .col1 {
	margin-left: 50px;
}

.tablapie .col5 {
	float: left;
	margin-right: 14px;
	width: 150px;
}

.tablapie h3
{
	text-align: left;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0;
	color: #c1d1c9;
	text-indent: 2px;
}

.tablapie ul
{
	margin: 1em 0 !important; 
	margin-bottom: 1em;
	list-style: none outside none;
	text-align: left;
}

.tablapie li
{
	background: none;
	line-height: 1.1;
	margin-left: -15px;

}

.tablapie a
{
	font-weight: bold; font-size: 11px; color: white; text-decoration: none;
}

.tablapie a:hover
{
	text-decoration:underline;
}

/* hipervinculos especiales en la parte del titulo, blancos con efect */
.LigasFooter {font-weight: bold; font-size: 11px; color: white; text-decoration: none;}
.LigasFooter:hover { text-decoration:underline; }

/* tabuladores o menús */

#menu { height: 23px;  }

.tabset_tabs	{ margin:0; padding:0; list-style-type:none; position:relative; z-index:2; white-space:nowrap; left: 22px; border-bottom: 2px solid gray; height: 21px; width: 780px;}
.tabset_tabs li	{ margin:0; display:inline; font-size: 12px; width: 105px; margin-right: 2px;  padding: 2px;  background: none; height: 20px;}
.tabset_tabs a	{ color :#633; background-color:#DDDDFF; text-decoration:none; padding: 2px; padding-bottom: 4px; padding-left: 10px; padding-right: 10px; }
.tabset_tabs a:hover	{ background: #6699FF; color: #FFF }  /*background: #FFA826*/

.tabset_tabs a.active	{ color:black; background:#ffffff; border-top: 1px solid blue;  border-color:#666; border-left:2px solid gray; border-right:2px solid gray; 
                          cursor:default; border-bottom:2px solid transparent;  height: 22px; margin-bottom: 0px; padding-bottom: -4px;  padding-top: 5px;}

DIV.contenedor_tabs
{
	position: relative;
	background: #FFFFFF url(images/fondo_tabs.jpg) repeat-x;
	padding: 5px 25px 5px 2px;
	border-right: 1px solid gray;
	border-left: 1px solid gray;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: gray;
	border-top-color: gray;
	border-top-width: 1px;
	border-top-style: solid;
	margin-top: 2px;
	width: 780px;
   }

/** pruebas **/
div.attribute-image
{
	margin: 0;
	float: left;
}

div.attribute-image
{
	display:block;
	float: left;
	margin-left: 0.5em;
	margin-right:0.5em;
	font-size: 0.8em;
	text-align: center;
	margin: 0 0 0 0;
	margin-left: 5px;	
}

div.attribute-image img
{
	margin-right:0.5em;		
}


div.attribute-short
{
	font-weight: normal;
}

div.attribute-short p
{
	margin:0;
	padding:0;
	padding-bottom:5px;
	text-align: justify;
}

div.attribute-short a {
	color:#000000;
	text-decoration:none;
}

div.attribute-short a:hover {
	color:#CC0000;
	text-decoration:underline;
}

div.attribute-short a:hover p{
	text-decoration:underline;
}


.lead-image
{
	float: left;
	margin: 0;
}