@charset "utf-8";
/* CSS Document */

/* GENERAL*/

* {
padding:0;
margin:0;
border:none;
}

body{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background-color:#457293;
}

#container{
width:764px;
height:auto;
text-align:left;
overflow:hidden;
padding-top:5px;
margin:10px auto;
background-color:#fff;
border:#000 2px solid;
}
.imgderecha{
float:right;
margin:0 20px;
}

input{
border:1px solid #004C6D;
background:#F2F2F2;
font-size:11px;
}

.article-content{
font-family:Georgia, "Times New Roman", Times, serif;
line-height:1.4em;
font-size:13px;
color:#606060;
text-align:justify;
margin:15px;
padding:0 5px;
width:95%;
}

.article-content li{
font-family:Georgia, "Times New Roman", Times, serif;
line-height:1.5em;
margin-bottom:8px;
list-style-position:inside;
margin-left:15px;
}



a, a:visited{
color:#333333;				
}
	
a:hover{
color:#666666;
}


.button{
color:#FFFFFF;
background-color:#457293;
border:1px solid #333333;
padding: 1px 3px;
}

.pagination{
width:500px;
margin-top:15px;
padding:5px;
border:#8866A3 1px solid;
}



.pagination li{
display:inline;
width:70px;
list-style:none;
}


/* Header */
#header{
width:762px;
height:295px;
margin:auto;
}

#logo{
width:206px;
height:70px;
margin:5px 0 0 10px;
float:left;
}

#simi{
float:right;
}

#simi span{
display:block;
width:270px;
float:left;
margin:20px 0 0 0 ;
font-weight:bold;
font-size:14px;
text-align:right;
}

#simi span a{
display:block;
padding-top:10px;
text-decoration:none;
color:#457293;
width:270px;
float:left;
}

.moduletable_menu{
width:761px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#457293;
float:left;
padding: 5px;
}



.moduletable_menu td{
width:320px;
}

.moduletable_menu a{
text-align:center;
color:#457293;
font-weight:bold;
text-decoration:none;
text-transform:uppercase;
margin:5px;
padding:5px;
border-right: 1px solid #bad405;
}

.search{
left:825px;
top:135px;
position:absolute;
}

.search, .inputbox{
color:#333333;
padding:2px;
border:solid #fff 2px;
}

.search,.button{
cursor:hand;
color:fff;
background:none;
border:0;
font-weight:bold;
font-size:14px;
}

/*COLUMNA PRINCIPAL*/

#colPpal{
padding-top:15px;
margin:auto;
}


.blog{
float:left;
width:100%;
height:100%;
overflow:hidden;
}

.contentpane{
width:95%;
margin:5px 10px;
}

.contentpane input{
border:1px solid #004C6D;
background:#F2F2F2;
font-size:11px;
}


.componentheading{
font-size:20px;
font-weight:bold;
color:#bad405;
padding:10px;
}



.moduletabledestacado{
margin:auto;
}

.contentheading{
width:100%;
background:#C5D9EA;
padding:5px 5px 5px 15px;
}

.contentheading,h1,.contentheading a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#004C6D;
text-decoration:none;
}



.contentpaneopen{
width:100%;
color:#333333;
}

.contentpaneopen p{
margin-bottom:10px;
}

.small, .createdate,.modifydate, .contentpaneopen span a{
color:#457293;
line-height:1.3em;
font-size:11px;
padding:5px 0;
}

.readon{
border:1px solid #bad405;
background:#F5F5F5;
margin-left:30px;
padding:2px 5px;
text-decoration:none;
font-weight:bold;
}

.moduletablebtcursos{
border:none;
}

.moduletablebtcursos li{
display:inline;
list-style:none;
border:0;
}

.hoy{
font-size:14px;
font-style:italic;
color:#5B5B5B;
}

.hoy p {
width:690px;
font-style:italic;
font-family:Georgia, "Times New Roman", Times, serif;
margin:5px 10px 0 10px;
line-height:1.5em;
}

.btCursos{
width:100%;
list-style:none;
margin:5px;
padding-top:5px;
}

.btCursos li{
margin-top:5px;
margin-left:6px;
width:168px;
display:inline;
}

.btCursos{
display:inline;
list-style:none;
}




/*COLUMNA DERECHA*/

#colRight{
margin:3px;
width:160px;
height:100%;
overflow:hidden;
padding-top:15px;
float:right;
}


.inputboxbuscar{
height:17px;
width:170px;
}



.contentpaneopennovedades{
font-size:11px;
border:1px solid #bad405;
padding:5px;
width:185px;
}



#form-login{
font-size:11px;
border:1px solid #bad405;
padding:5px;
width:175px;
}

#form-login input{
border:1px solid #bad405;
background:#F2F2F2;
}

#form-login .button{
margin:8px 0;
color:#FFFFFF;
background-color:#bad405;
border:1px solid #333333;

}

#modlgn_remember {
width:10px;
vertical-align:middle;
}


/*FOOTER*/

#footer {
color:#fff;
width:760px;
height:50px;
text-align:center;
margin:auto;
}

#footer a {
color:#fff;
}

/*MODULO BUSQUEDA*/

#searchForm tr{
height:40px;
}

#searchForm input{
height:20px;
vertical-align:middle;
}

#searchForm .button{
color:#FFFFFF;
background-color:#bad405;
border:1px solid #333333;
width:80px;
}



/*MODULO CONTACTO*/



.form_boton{
color:#FFFFFF;
background-color:#004C6D;
border:1px solid #333333;
padding: 1px 3px;
cursor:pointer;
}

.contact_email {
width:350px;
}

#formulario_contacto textarea{
border:1px solid #004C6D;
background:#F2F2F2;
font-size:11px;
width:400px;
height:50px;
margin:5px 0;
}

textarea{
border:1px solid #004C6D;
background:#F2F2F2;
font-size:11px;
width:400px;
height:100px;
margin:5px 0;
}

.blog_more{
width:700px;
margin-left:15px;
}

.formitem{
display:inline-block;
width:180px;
}
.campo{
width:250px;


}

.blog_more li{
list-style:square;
}

.buttonheading{
text-align:right;
width:95%;
}



.contentpagetitle{
font-size:18px;
}
/*FORMATO DE TEXTO*/

p{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:13px;
color:#606060;
line-height:1.5em;
margin-bottom:10px;
padding: 0 10px;
}

.negrita {font-weight:bold}

h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:15px;
color:#004C6D;
padding:5px 0 15px 10px;

}

h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:#457293;
	padding:10px 0 15px 10px;
	
}

h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
	color:#333333;
	padding:5px 0 15px 10px;
}

h4 {  
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #457293;
}

h5{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #457293;
}

h6{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #457293;
}



.texto9{
font-size:9px;
}

.texto10{
font-size:10px;
}

.texto11{
font-size:11px;
}

.texto12{
font-size:12px;
}

.texto13{
font-size:13px;
}

.texto14{
font-size:14px;
}

.texto15{
font-size:15px;
}

.texto16{
font-size:16px;
}

.texto17{
font-size:17px;
}

.texto18{
font-size:18px;
}

.texto19{
font-size:19px;
}

.texto20{
font-size:20px;
}

.texto22{
font-size:22px;
}

.texto24{
font-size:24px;
}

.texto26{
font-size:26px;
}

.texto28{
font-size:28px;
}

.texto36{
font-size:36px;
}

.texto48{
font-size:48px;
}

.texto72{
font-size:72px;
}

.texto_destacado_rojo {
color:#CC0000;
font-size:14px;
font-weight:bold
}

hr{
text-align:center;
width:98%;
border-top: #457293 solid thin;
}
.separator a:hover{
color:#666666}

.form_ok{
text-align:center;
font-weight:bold;
font-size:13px;
color:#457293;

}

#redes{
background: #F0F0F0 ;
height:33px;
}

#redes img{
float: left;
margin-top:3px;
margin-left:15px;
}

.write_comment{
display:none;
margin-top:20px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#agencia{
margin:auto;
display:block;
width: 764px;
text-align:right;
}

#agencia h1{
font-size:10px;
}

#agencia h1 a{
color:#ffffff;
text-decoration:none;
}
#banner_ppal{
width:525px;
height:190px;
float: left;
}

#cartelera{
margin-top:6px;
padding-top:3px;
float: left;
background:url(http://www.familias21online.com/images/board.jpg) top no-repeat;
width:200px;
height:190px;
margin-bottom:10px;
}

#cartelera span{
padding-bottom:2px;
}

#cartelera p{
width:190px;
margin:12px;
padding:0;
line-height:14px;
}

#cartelera a{
color:#FFFFFF;
}
