/******************************************

	Web:    www.cladperu.com.pe

	Author: www.hassio.com

	Email:  sistemas@hassio.com

	Date:   Nov 2009

******************************************/

body {
	
	background-color: #386C1A;

	text-align: center;

	font-size: 11px;

	color: #333333;

	font-family: Geneva, Arial, Helvetica, sans-serif;

}



img {

	border: 0px;

}



/*************************************

                LAYERS               

*************************************/

#borde{

	background-color:#FFFFFF;

	width: 840px;

	margin: auto;

	

}

#contenedor {

	text-align: left;

	padding: 20px;

}

#cabecera {

	/*background-color: #677C31;*/

	width: 798px;

	height: 256px;

}

#lema {

	/*background-color: #013218;

	color: #FFFFFF;

	text-align: center;

	padding: 3px;

	letter-spacing: 10px;*/

}

#menu {

	width: 231px;

	float:left;

}

#cuerpo {

	background-color: #F3F3F3;

	width: 536px;

	margin-left: 240px;

	padding: 10px;

}

#titulo {

	background-color: #333333;

	padding: 4px 8px;

	font-size: 18px;

	color: #FFFFFF;

}

#contenido {

	margin-top: 20px;

	padding: 0px 10px;

}

#pie {

	background-image:url(../img/pie.jpg);

	background-repeat: no-repeat;

	background-color: #999999;

	width: 800px;

	height: 110px;

	color: #FFFFFF;

}

#clear {

	height: 5px;

	clear: both;

}





/*************************************

              PAGINATOR              

*************************************/

#paginator {

	text-align: center;

	padding: 4px;

}



#paginator a{

	color: #666666;

}



#paginator a:hover{

	color: #FF6600;

}





/*************************************

           STYLE MENU IZQ               

*************************************/

.menu_izq {

	padding: 0px 2px 10px 2px;

	margin: 0px;

}

.menu_izq li{

	list-style-type: none;

	padding: 3px 0px 3px 15px;

	border-bottom: #FFFFFF 1px solid;

	color: #FFFFFF;

}

.menu_izq a{

	color:#FFFFFF;

	text-decoration: none;

}

.menu_izq a:hover{

	color: #CCCCCC;

}

.banner {

	text-align:center;

	padding-bottom: 4px;

}





/*************************************

          STYLE MENU CURSOS              

*************************************/

.menu_curso{

	padding: 10px 2px;

	margin: 0px;

}

.menu_curso li{

	list-style-type: none;

	background: url(../img/folder.png) no-repeat 5px 4px;

	padding: 7px 0px 7px 30px;

	border-bottom: #FFFFFF 1px solid;

	color: #333333;

	background-color: #F3F3F3;

}

.menu_curso a{

	color: #333333;

	text-decoration: none;

}





/*************************************

            STYLE PIE              

*************************************/

.tabla_pie td{

	padding-top: 15px;

}





/*************************************

            GENERAL STYLES                

*************************************/

.fondo01 {

	background-color: #000000;

}

.fondo02{

	background-color: #64763D;

}

.fondo03{

	background-color: #FFFFFF;

}

.fondo04{

	background-color: #999999;

}

.text01 {

	font-size: 18px;

	color: #666666;

}

.text02 {

	color: #333333;

}

.text03 {

	color: #FFFFFF;

}

.capital {

	font-size: 36px;

	font-style: italic;

	font-family: Georgia, "Times New Roman", Times, serif;

	color: #013218;

}

.borde01 {

	border: #999999 1px solid;

}

.input_text_form {

	font-family: Geneva, Arial, Helvetica, sans-serif;

	border:#999999 1px solid;

	width: 250px;

	font-size: 11px;

}

.textarea_form {

	font-family: Geneva, Arial, Helvetica, sans-serif;

	border:#999999 1px solid;

	width: 250px;

	font-size: 11px;

	height: 100px;

}