/* CSS Document */

* { margin: 0px; padding: 0px; }
html { min-height: 100%; margin-bottom: 1px; }

body { text-align: center; font-family: arial, verdana, sans-serif; font-size: 12px; color: #333; }

a img, :link img, :visited img { border: none; }
img 				{ display: block; }
a:link 				{ color: #666; text-decoration: underline; }
a:visited 			{ color: #666; text-decoration: underline; }
a:hover, a:active 	{ color: #ff0105; text-decoration: none; }

p {
  margin-bottom:10px;
}

#per-header{ 
  width:100%; 
  height:45px; 
  background-image:url(../images/title_bg.jpg); 
  background-repeat:repeat-y;
  overflow:hidden;
}
#per-header .per-header-title{
  float:left;
  width:550px;
  font-size:22px;
  padding-left:10px;
  padding-top:10px;
}
#per-header .per-header-logos{
  float:left;
  width:180px;
  padding-top:5px;
}
#per-header .per-header-logos img{
  float:left;
  width:83px;
  padding-left:4px; 
}
#per-line{
  width:100%;
  height:4px;
  overflow:hidden;
  background-color:#ffcccd;
}

#per-content{
  float:left;
  width:100%;
  padding-top:10px;
  margin-bottom:10px;
}
#per-content #col-left{
  float:left;
  width:210px;
  margin-right:10px;
}
#per-content #col-center{
  float:left;
  width:340px;
  margin-top:12px;
  margin-right:8px;
}
#per-content #col-right{
  float:left;
  width:170px;
}
#per-content #col-left .menu-option 
{
  BORDER-RIGHT: #ccc 1px solid;
  BORDER-TOP: #ccc 1px solid;
  MARGIN-TOP: 10px;
  MARGIN-BOTTOM: 20px;
  BORDER-LEFT: #ccc 1px solid;
  WIDTH: 200px;
  BORDER-BOTTOM: #ccc 1px solid;
  HEIGHT: 56px;
  TEXT-DECORATION: none;
  color: #ff0105;  
}

#per-content #col-left .menu-option td
{
  MARGIN-TOP: 10px;
  MARGIN-BOTTOM: 20px;
  WIDTH: 200px;
  HEIGHT: 56px;
  TEXT-DECORATION: none;
  color: #ff0105;  
}

#per-content #col-left .menu-option td a
{
  WIDTH: 200px;
  HEIGHT: 56px;
  TEXT-DECORATION: none;
  color: #ff0105;  
}

#per-content #col-left .menu-option td a:visited
{
  WIDTH: 200px;
  HEIGHT: 56px;
  TEXT-DECORATION: none;
  color: #ff0105;  
}

#per-content #col-left .menu-option td a:hover
{
  WIDTH: 200px;
  HEIGHT: 56px;
  TEXT-DECORATION: none;
  color: #666666;  
}

#per-content #col-center #per-asesoria{
  border:solid 1px #cccccc;
  padding:8px;
  margin-top:18px;
}
#per-content #col-center #per-asesoria img{
  margin-left:auto;
}

/* SLIDE SHOW STYLES */
#content_cuadros_wrapper{
  width:100%;
  height:25px;
  overflow:hidden;
}
.content_cuadro_active{
  float:left;
  width:15px;
  height:15px;
  padding:3px;
  margin-right:8px;
  text-align:center;
  vertical-align:middle;
  font-size:10px;
  border:Solid 1px #ff0105;
  cursor:pointer;
}
.content_cuadro{
  float:left;
  width:15px;
  height:15px;
  padding:3px;
  margin-right:8px;
  text-align:center;
  vertical-align:middle;
  font-size:10px;
  border:Solid 1px #cccccc;
  cursor:pointer;
}
/* END SLIDE SHOW STYLES */

/* Rule 33 of styles/styles.css */ 
A.link-title:link 
{
  FONT-SIZE: 14px;
  CURSOR: pointer;
  COLOR: #ff0105;
  TEXT-DECORATION: none
}

/* TEXT STYLES */
.red-title{
  color:#333333;
  font-size:16px;
  font-weight:bold;
}

a.red-title:link, a.red-title:visited, a.red-title:active{
  color:#ff0105;
  font-size:14px;
  font-weight:bold;
  text-decoration:none;
}
a.red-title:hover{
  color:#666666;
}

.calendar .ajax__calendar_container
{
	border-right: #696969 1px solid;
	border-top: #696969 1px solid;
	border-left: #696969 1px solid;
	border-bottom: #696969 1px solid;
	background-color: #555555;
	color: #ffffff;
}

.calendar .ajax__calendar_hover
{
	color: #000000;
}

.calendar .ajax__calendar_active
{
	color: #000000;
	font-weight: bold;
}

.calendar td
{
	padding: 0px;
}

/* END TEXT STYLES */