/* 
    Document   : styles
    Created on : Feb 12, 2012, 12:47:48 AM
    Author     : Claudia Herrera
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

#conteiner {
	position:absolute;
	left:0px;
	top:0px;
	width:1603px;
/*	height:1500px;*/
}

#left-header {
	position:absolute;
	left:0px;
	top:0px;
	width:298px;
	height:35px;
        background-image: url("images/left_header2.jpg");
        background-repeat: repeat-x
 
}

#header {
	position:absolute;
	left:298px;
	top:0px;
	width:1000px;
	height:35px;
}

#right-header {
	position:absolute;
	left:1240px;
	top:0px;
	width:302px;
	height:35px;
        background-image: url("images/left_header2.jpg");
        background-repeat: repeat-x
}

#index-04 {
	position:absolute;
	left:0px;
	top:35px;
	width:298px;
	height:521px;
        background-image: url("images/left_banner.jpg");
}

#banner {
	position:absolute;
	left:298px;
	top:35px;
	width:1000px;
	height:521px;
}

#index-06 {
	position:absolute;
	left:1240px;
	top:35px;
	width:302px;
	height:521px;
        background-image: url("images/right_banner.jpg");


}

#left-cinta {
	position:absolute;
	left:0px;
	top:556px;
	width:298px;
	height:49px;
        background-image: url("images/side_cinta.jpg");
        background-repeat: repeat-x
}

#cinta {
	position:absolute;
	left:298px;
	top:556px;
	width:1000px;
	height:40px;
}

#right-cinta {
	position:absolute;
	left:1239px;
	top:556px;
	width:303px;
	height:49px;
        background-image: url("images/side_cinta.jpg");
        background-repeat: repeat-x
}

#content {
	position:absolute;
	left:298px;
	top:596px;
	width:1000px;
/*	height:856px;*/
        text-align: justify;
        text-indent: 5px;
}

#t_index {
	position:absolute;
	left:298px;
	top:596px;
	width:520px;
	height:856px;
        text-align: justify;
        padding-left: 60px;
        padding-top: 15px;
        background-color: #dde4e8
        
}

#right_index {
	position:absolute;
	left:900px;
	top:596px;
	width:480px;
	height:856px;
        text-align: justify;
        padding-left: 10px;
        padding-top: 40px;
}

#left-content {
	position:absolute;
	left:0px;
	top:605px;
	width:298px;
	height:847px;
        background-image: url("images/side_content.jpg");
        background-repeat: repeat-x;
        background-color: #dde4e8
}



#right-content {
	position:absolute;
	left:1239px;
	top:605px;
	width:303px;
	height:847px;
        background-image: url("images/side_content.jpg");
        background-repeat: repeat-x;
        background-color: #dde4e8
}

#left-footer {
	position:absolute;
	left:0px;
	top:1452px;
	width:298px;
	height:48px;
        background-image: url("images/side_footer.jpg");
        background-repeat: repeat-x
}

#footer {
	position:absolute;
	left:298px;
	top:1452px;
	width:1000px;
	height:48px;
}

#right-footer {
	position:absolute;
	left:1240px;
	top:1452px;
	width:302px;
	height:48px;
        background-image: url("images/side_footer.jpg");
        background-repeat: repeat-x
}

#pages_right {
	position:absolute;
	left:510px;
	top:596px;
	width:741px;
	height:2000px;
        text-align: justify;
        padding-left: 60px;
        padding-top: 50px;

}

#pages_left {
	position:absolute;
	left:298px;
	top:596px;
	width:200px;
	height:856px;
        text-align: justify;
        padding-left: 40px;
        padding-top: 30px
}

.letra{
        font-family: sans-serif;
        font-size: 15px;
        font-weight: 500;
        color: #2e607d;
        text-align: justify;
        line-height: 28px;	
}

/*Title Font*/
h1 {
	font-weight: bold;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 20px;
	line-height: 28px;
	letter-spacing: -1px;
	color: #163854;
}

/*Content Font*/
h2 {
        font-family: sans-serif;
        font-size: 15px;
        font-weight: 500;
        color: #2e607d;
        text-align: justify;
        line-height: 28px;

}

a:link { 
	text-decoration: none;
	font-family: sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #5c8399;

}

a:visited {
	text-decoration: none;
	font-family: sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #5c8399;
	text-align: justify;
} 
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}


/*Div para poner el menu donde quieras*/
.caja {
	width: 180px;
	margin: 0px;
	padding: 0px;
}

/*Aqui pones el tamaņo que quieras del menu*/
.tabmenu tr td {
	width:190px;
	height: px;
}

/*Esto hace el sombreado*/
.tabmenu tr td:hover, .tabmenu tr td:active, .tabmenu tr td.ui-tabs-selected  {
	background: #c0d4e0;
	color: #222;
	text-decoration: none;
}

/*Estilo del link de menu*/
.tabmenu tr td a p {
	text-decoration: none;
	font-family: sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #5c8399;
	padding-left:10px;	
}

/* Estilo del hover del link de menu*/
.tabmenu tr td a:hover{
	text-decoration: none;
	font-family: sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #5c8399;

}


li{
	list-style-image:url(../images/bullet.jpg);
	list-style-position:outside;
	font-size:15px;
	margin-left:-25px;
}