*{
margin: 0px;
padding: 0px;
}

a:link{
	color: #3a7100;
}

a:hover{
	text-decoration: none;
	color: #FF0000;
}

a:visited{
	color: #3a7100;
}

body{
	background: #ffffff url(Imagenes/fondocsifaytoleon.gif) repeat-x;
	font: 13px Arial, Helvetica, sans-serif;
	color: #333333;
}

#cuerpo{
	margin: 0 auto;
	background: #ffffff;
	width: 811px;
	min-height: 900px;
	
}
#cabecerayprincipal{
background: #ffffff url(Imagenes/white.gif);
}

#principal{
background: #ffffff url(Imagenes/white.gif);
}

#cabecera{
	background: #ffffff;
	height: 244px;
	text-align: right;		
}

#menu{
float: left;
padding-left: 170px;
border-left: 3px solid #FFFFFF;
width: 638px;
height: 82px;
background: url(Imagenes/header_top.gif) repeat-x;
border-right: 3px solid #FFFFFF;
}

#menu ul{
	list-style: none;
	
}

#menu li{
	display: inline;
}

#menu a{
	display: block;
	float: left;
	width: 79px;
	height: 46px;
	background: #FFFFFF url(Imagenes/header_top.gif) repeat-x;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	font-size: 12px;
	padding-top: 35px;

}

#menu a:hover{
	width: 79px;
    height: 46px;
	text-decoration: underline;
	background: #FFFFFF url(Imagenes/header_top_over.gif) repeat-x;
}


#logo{
background: #ffffff url(Imagenes/logocsifaytoleon.jpg) no-repeat;
width: 771px;
height: 98px;
float: left;
text-align: right;
padding-top: 60px;
padding-right: 40px;
margin-left:3px;
}

#logo a{
	text-decoration: none;
	text-transform: lowercase;
	font-style: italic;
	font-size: 22px;
	color: #FFFFFF;
}

#logo H2 a{
font-size: 12px;
}

#left{
	padding: 10px;
	width: 240px;
	padding-right: 1em;
}

#left H3{
width: 225px;
height: 25px;
font-size: 14px;
font-weight: bold;
padding-left: 15px;
padding-top: 15px;
text-transform: uppercase;
color: #ffffff;
background: url(Imagenes/title.gif) no-repeat
}

#left ul{
	list-style: none;
	border-bottom: 1px solid #629351;
	border-left: 1px solid #629351;
	border-right: 1px solid #629351;
}

#left li ul{
	border: 0px;
	margin-left: 20px;
	margin-bottom: 10px;
}

#left li li{
	padding: 4px 20px;
    background: url(Imagenes/small.gif) no-repeat left;
}

#left a{
	color: #3a7100;
}
#left a:visited{
	color: #3a7100;
}

#left p{
padding: 10px;
border-bottom: 1px solid #629351;
border-left: 1px solid #629351;
border-right: 1px solid #629351;
}

#derecha{
float: right;
width: 500px;
padding-right: 10px;
}

#derecha H4{
	margin: 0;
	padding: 0px;
	font-size: 12px;
	color: #3a7100;
}

#derecha a{
color: #3a7100;
text-decoration: none;
}

#derecha p{
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
	text-align: justify;
}

#derecha h2{
	margin: 0;
	padding: 0;
	padding-top: 10px;
	color: #3a7100;
}
.fecha{
	text-align: right;
	color: #808080;
	font-size: 11px;
	background-color: #fff;
}

.fecha a{
	color: #3a7100;
	background-color: #fff;
}



#pie{
	height: 47px;
	clear: both;
	padding-top: 20px;
	background: url(Imagenes/header_top_over.gif) repeat-x;
}

#pie p{
	margin: 0;
	font-size: 10px;
	text-align: center;
	color: #ffffff;
}

#pie a{
	color: #ffffff;
}

*Aqui va lo textresize */
.xsmallview{ /*CSS for "extra small font" setting*/ /* para lo de cambiar tamaño de texto */
font-size: 11px;
}

.xsmallview .bodyText{ /*CSS for "extra small font" setting*/
font-size: 10px;
}

.smallview{ /*CSS for "small font" setting*/
font-size: 11px;
}

.smallview .bodyText{ /*CSS for "small font" setting*/
font-size: 11px;
}


.normalview{ /*CSS to return page to default setting (with no additional CSS rules added)*/
}

.normalview .bodyText{ /*CSS to return page to default setting (with no additional CSS rules added)*/
}

.largeview{ /*CSS for "large font" setting*/
font-size: 21px;
}

.largeview .bodyText{ /*CSS for "large font" setting*/
font-size: 21px;
}

.xlargeview{ /*CSS for "extra large font" setting*/
font-size: 24px;
}

.xlargeview .bodyText{ /*CSS for "extra large font" setting*/
font-size: 24px;
}

a.texttoggler{ /*CSS for Text Size Toggler control*/
	margin-right: auto;
	font-family: Verdana, "Trebuchet MS", arial, sans-serif;
}

a.texttoggler img{ /*CSS for Text Size Toggler control*/
border: 1px solid gray;
}

a.texttoggler img:hover{ /*CSS for Text Size Toggler control*/

}

a.selectedtoggler img{ /*CSS for Selected Text Size Toggler control*/ /* el ultimo de cambiar tamaño de texto */
border: 1px solid red;
}
#escogerletra img.letra{
	background:url(Imagenes/letras.png) no-repeat;
	height: 20px;
	margin-right: 0px;
	vertical-align:middle;
	width:21px;
}
#escogerletra img.letra-muypequena{
	background-position:0px 0px;
}
#escogerletra img.letra-pequena{
	background-position:-21px 0px;
}
#escogerletra img.letra-normal{
	background-position:-42px 0px;
}
#escogerletra img.letra-grande{
	background-position:-63px 0px;
}
#escogerletra img.letra-muygrande{
	background-position:-84px 0px;
}