@charset "utf-8";
/* CSS Document */

body{
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	text-align: center;
	margin: 0;
	padding: 0;
	background-color: #3399cc;
}
a{
	color: #993399;
	text-decoration:none;
}

a:visited{
    color: #993399;
    text-decoration:none;
}

a:hover{
	color: #330033;
	text-decoration: underline;
}

div, img, table, td, tr{
	border: 0;
}

h1, h2, h3, a, p{
	border: 0;
}

h1{
	font-size: 26px;
    font-style: italic;
	color: #993399;
    margin: 2px;
}

h2{
	font-size: 20px;
    font-style: italic;
	color: #3399cc;
    margin: 5px;
}

h3{
	font-size: 20px;
    font-style: italic;
	color: #000000;
    margin: 5px;
}

hr{
  border: 1px dashed;
  color: #3399cc;
  margin: 3px;
}
/************* #todo ***************/
#todo{
	width: 950px;
	margin: 0 auto;
	padding: 0;
}

/************* #encabezado ***************/
#encabezado{
	width: 950px;
	margin: 0;
	height: 75px;

}

#cabeza1{
    float: left;
	margin: 0;
    width: 230px;
	height: 75px;
	padding: 0;
    background: url(../imag/cabeza1.jpg) no-repeat left top;
}

#cabeza2{
	float: right;
	margin: 0;
    width: 540px;
	height: 75px;
	padding: 0;
    background: url(../imag/cabeza2.jpg) no-repeat left top;
}

#cabeza3{
	float: right;
    margin: 0;
    width: 180px;
	height: 75px;
	padding: 0;
}

/************* #menucentro ***************/
#menucentro{
	width: 950px;
	margin: 0 auto;
	height: 130px;
}

#bajoizq1{
	float: left;
	width: 127px;
	height: 130px;
	margin: 0;
	padding: 0;
	background: url(../imag/bajoizq1.jpg) no-repeat left top;
}

#bajoder1{
	float: right;
	width: 116px;
	height: 130px;
	margin: 0;
	padding: 0;
	background: url(../imag/bajoder1.jpg) no-repeat left top;
}

#boton{
	float: left;
	width: 101px;
	height: 130px;
	margin: 0;
	padding: 0;
}

/************* #pagizq ***************/
#pagizq{
	float: left;
	width: 165px;
	height: 650px;
	margin: 0;
	padding: 0;
}

#bajoizq2{
	width: 165px;
	height: 70px;
	margin: 0;
	padding: 0;
	background: url(../imag/bajoizq2.jpg) no-repeat left top;
}

#bajoizq3{
    width: 165px;
    height: 245px;
    margin: 0;
	padding: 0;
    background: url(../imag/bajoizq3.jpg) no-repeat left top;
}

#menuizq{
	width: 165px;
	height: 335px;
	margin: 0;
	background: url(../imag/menuizq.jpg) no-repeat top left;
}

#menuizqlista{
	padding-left: 20px;
	margin: 0;
	padding-bottom: 15px;
	padding-right: 5px;
	padding-top: 10px;
	height: 310px;
}

/************* #pagcentro ***************/
#pagcentro{
	float: right;
	width: 635px;
	height: 650px;
	margin: 0;
	padding: 0;
}

#hojaizq{
	float: left;
	width: 290px;
	padding-left: 15px;
	padding-top: 15px;
	padding-bottom: 30px;
	padding-right: 15px;
	margin: 0;
	height: 605px;
}

#hojader{
	float: right;
	width: 285px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
	padding-bottom: 30px;
	margin: 0;
	height: 605px;
}

#hojaentera{
    float: left;
    width: 605px;
    padding-left: 15px;
    padding-top: 15px;
    padding-bottom: 30px;
    padding-right: 15px;
    margin: 0;
    height: 605px;
}

#hojaizq img{
	margin: 3px;
	border: 1px solid #3399cc;
}

#hojader img{
	margin: 3px;
	border: 1px solid #3399cc;
}

#hojaentera img{
	margin: 3px;
	border: 1px solid #3399cc;
}

/************* #pagder ***************/
#pagder{
	float: right;
	width: 150px;
	height: 650px;
	margin: 0;
	padding: 0;
}


#bajoder2{
	width: 150px;
	height: 260px;
	margin: 0;
	padding: 0;
}

#bajoder3{
	width: 150px;
	height: 95px;
	margin: 0;
	padding: 0;
}

#bajoder4{
	width: 150px;
	height: 295px;
	margin: 0;
	padding: 0;
	background: url(../imag/bajoder4.jpg) no-repeat left top;
}

#visitas{
	padding-top: 100px;
	margin: 0;
	padding-bottom: 90px;
	height: 105px;
}

/************* #pie ***************/
#pie{
	margin: 0;
	width: 950px;
	height: 65px;
	background: url(../imag/pie.jpg) no-repeat top left;
}

#nota{
	margin: 0;
	padding: 5px 30px 5px 30px;
	width: 950px;
	height: 55px;
}

/************* #formulario ***************/
#formulario{
	margin: 0;
	border: none;
}
label{
	text-align: center;
	width: 80px;
	display: block;
}
input{
    display: inline;
	border: 1px solid #3399cc;
	width: 50px;
}
select{
	border: 1px solid #3399cc;
	width: 150px;
	display: block;
}
textarea{
	border: 1px solid #3399cc;
	width: 200px;
	display: block;
}
.submit {
	border: 1px solid #3399cc;
	width: 80px;
}
.clearfloat { /* esta clase debe colocarse en un elemento div o break y debe ser el último elemento antes del cierre de un contenedor que incluya completamente a un elemento flotante */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
}
/************* #IFRAMES ***************/
#contenido {
width: 700px;
margin: 0 auto;
}

#marco1 {
width: 200px;
height: 400px;
float: left;
border: 0;
margin:0;
}

#marco2 {
width: 500px;
height: 400px;
border: 0;
margin: 0;
}