@charset "utf-8";
/* CSS Document */
*{
margin:0;
padding:0;
border:none;
text-align:justify;
font-family:Arial, Helvetica,Verdana, sans-serif;
}
body{
margin:0px 0 20px 0;
background:url(../images/bg.gif);
}
h1{
margin:20px 25px 10px 25px;
text-align:left;
color:#313031;
}
#todo{
width:760px;
margin:auto;
border:solid 1px black;
overflow:hidden;
}
#supermenu{
height:40px;
width:760px;
margin:auto;
text-align:right;
color:#006600;
}
#supermenu a{
color:blue;
line-height:60px;
font-size:10pt;
}
#supermenu #buscador{
float:left;
margin:15px 0 0 0;
}
#supermenu #buscador form{
font-size:8pt;
float:left;
}
#supermenu #buscador input{
border:1px solid black;
}
#head{
height:150px;
background:url(../images/head.jpg) no-repeat;
}

#menu{
/*background:url(blank.gif) right repeat-x;*/
width:760px;
height:40px;
margin:auto;
}
#shadow{
height:10px;
background:url(../images/shadow.jpg) no-repeat;
}
#lateral{
width:200px;
float:left;
background:url(../images/lateral.jpg) repeat-y;
padding-bottom: 4000px;
margin-bottom: -4000px;
}
#lateral h1{
margin:25px 5px 0 5px;
padding:0 5px 0 5px;
font-size:14pt;
color:black;
border-bottom:2px #f99877 solid;
border-right:8px #f99877 solid;
}
#lateral h2{
margin:5px 5px 5px 5px;
font-size:10pt;
text-align:center;
color:black;
background:#9fcf9f;
}
#lateral h3{
text-align:center;
font-size:10px;
}
#lateral h4{
margin:25px 5px 0 5px;
text-align:center;
font-size:16px;
text-decoration:underline;
}
#articulo{
margin:15px 5px;
border:dotted 1px black;
}
#articulo ul{
font-size:8pt;
margin:0 0 0 15px;
list-style:none;
}
#articulo p{
padding:5px;
font-size:8pt;
}
#articulo span{
padding:5px;
font-size:7pt;
font-style:italic;
}

#contenido{
width:560px;
float:right;
background:url(../images/contenido.jpg) repeat-y;
padding-bottom: 2000px;
margin-bottom: -2000px;
}
#contenido p{
font-size:10pt;
margin:10px 25px 10px 25px; font-family:Verdana, Arial, Helvetica, sans-serif !important; line-height:15pt;
}
#contenido h1{
font-size:18pt;
color:black;
width:500px;
border-bottom:2px #f99877 solid;
border-right:8px #f99877 solid;}

#contenido ul{
margin:10px 25px 10px 25px;
font-size:10pt;
padding:0 0 0 30px;
list-style:square;
font-family:Verdana, Arial, Helvetica, sans-serif !important;
}
#contenido ol{
margin:10px 25px 10px 25px;
font-size:10pt;
padding:0 0 0 30px;
font-family:Verdana, Arial, Helvetica, sans-serif !important;
}
#contenido li{
margin:5px 0;
}
#contenido img{
margin:5px 10px 5px 10px;
float:right;
}

#contenido h2{
margin:20px 25px 10px 25px;
padding:1px 0 1px 0px;
font-size:11pt;
border-bottom:2px #006600 solid;
border-right:8px #006600 solid;
color:#666;
text-align:left;
}

#contenido h4{
margin:25px 25px 10px 25px;
padding:1px 0 1px 0px;
font-size:11pt;
border-bottom:2px #006600 solid;
/*border-right:8px #006600 solid;*/
color:#666;
text-align:left;
width:490px;
}

#contenido h5{
font-size:11pt;
font-style:oblique;
font-weight:bold;
color: #093;
text-align:center;
margin:20px 25px 10px 25px;
}

#contenido .tabla_cursos{width:500px; font-family:Arial, Helvetica, sans-serif; text-align:center; font-size:9pt; margin-top:15px; margin-bottom:15px;  float:right; margin-right:25px;}
#contenido .tabla_cursos thead {background:#ccc; font-weight:bold; text-align:center;}
#contenido .tabla_cursos .uno{background:#f3f3f3;}
#contenido .tabla_cursos .dos{background:# CCC;}
#contenido .tabla_cursos tr:hover{ background:#0C9;}
#contenido .tabla_cursos td{ text-align:center; vertical-align:top; padding:2px;}

#foot{height:50px;
/*clear:both;*/
width:760px;
border-top:#f99877 solid 5px;
background:url(../images/foot.jpg) no-repeat;
float:left;
}
#foot p{
font-size:8pt;
text-align:center;
color:white;
line-height:50px;
}
.sistemas {margin:auto; width:500px;border:1px solid black; border-collapse:collapse;}
.sistemas tr, .sistemas td {border:1px solid black; border-collapse:collapse;}
.sistemas td{ text-align:center; padding:5px; font-size:10pt;}

/*Formulario*/
/*FORMULARIO*/
#contacto{font-size:9pt;}
#contacto .formulario {width:400px; margin:auto;}

#contacto .formulario td{width:200px; vertical-align:top; padding:2px;}
#contacto .submit{width:100px; float:left;}
#contacto input{width:300px; font-size:9pt; border:1px solid #022f47; float:left;}
#contacto textarea{width:350px; height:100px; font-family:Arial, Helvetica, sans-serif; font-size:9pt; border:1px solid #022f47;}

#contacto #commentForm .error{background:#ffcece;}
#contacto #commentForm label.error{float:left; color:red; font-weight:bold; width:350px; background:none;}
#contacto .contacto{width:400px; margin:auto;}
#contacto .contacto , #contacto .contacto  tr, #contacto .contacto tr td{border:1px solid gray; border-collapse:collapse;}
#contacto .contacto td{padding:4px;}

#sercom{width:760px;
margin:auto;
}
#sercom a{color:blue;text-decoration:none;
font-size:9px;
}
#sercom a:hover{
text-decoration:none;}