@charset "utf-8";
body { margin:0; padding:0; background: none; width:100%; background:#fff url(../images/main_bg.gif) top repeat-x;}
html { padding:0; margin:0;}

.clr {clear:both;}

.contenido {width:983px; padding:0; margin:0 auto;}

a:active {outline: none;}

hr { border-top: 1px solid #CCCCCC; border-bottom: none; border-left: none; border-right: none; }

/* Cabecera Web */

.cabecera { width:980px; margin:0; padding:0;}
.logo { width:393px; height:95px; margin:0; padding:0; float:left;}

/* Buscador */
.buscar { float:right; width:255px; height:33px; padding:0 8px; margin:0; background:#fff;}
.buscar input { height:18px; float:left; border:1px solid #d6d6d6; margin:6px 0; font:normal 11px Arial, Helvetica, sans-serif;}
.buscar input.keywords { width:175px; padding:3px 10px; background:#e9e9e9; color:#565656;}
.buscar input.button { height:24px; padding:0 6px; margin-left: 2px; background:#1190cd; color:#fff; border-left:0;}

.beca input.button { height:24px; padding:0 6px; margin-left: 2px; background:#1190cd; color:#fff; border:0;}

/* Menu Superior */

.menu { width: auto; margin:-3px 0 0 0; padding:0; float:left; height:33px; position:absolute; }
.menu ul { margin:0; padding:0; list-style:none; float:left;}
.menu li { margin:0; padding:0; float:left;}
.menu a { text-transform:uppercase; float:left; font:normal 11px Arial, Helvetica, sans-serif; color:#2d2f2f; padding:10px 15px; margin:0; text-decoration:none; line-height:16px;}
.menu a:hover {color:#2d2f2f; background:#fff url(../images/menu_hover.gif) top center no-repeat; padding:7px 15px 10px 15px; margin:0; border-top:3px solid #1195cf;}
.menu a.activo {color:#2d2f2f; background:#fff url(../images/menu_hover.gif) top center no-repeat; padding:7px 15px 10px 15px; margin:0; border-top:3px solid #1195cf;}
#nav ul { display: none; }
#nav ul.submenu { padding:3px; margin-top: 35px; position:absolute; list-style:none; background-color:#FFFFFF;border-bottom:1px solid #999999;}
#nav ul.submenu li { float:none; background-image:none; width:100%;}
#nav a { width: auto; text-align:center; }
#nav a:hover {color:#2d2f2f; background:#fff url(../images/menu_hover.gif) top center no-repeat; padding:7px 15px 10px 15px; margin:0; border-top:3px solid #1195cf; text-align: center;}
#nav a.activo {color:#2d2f2f; background:#fff url(../images/menu_hover.gif) top center no-repeat; padding:7px 15px 10px 15px; margin:0; border-top:3px solid #1195cf;}

/* RSS */
#rss a { color: #06F; text-decoration: none; }
#rss a:hover { background:none; text-decoration:underline; }

/* Bloque Intro */

.intro { height: 250px; width:980px; margin:0; padding:0; border:none;}
.intro img { float: right; margin:0; padding:0px;}
/* header_text2 */
.intro2 {height:69px; width:958px; background:url(../images/simple_text2.gif) top no-repeat; margin:0; padding:0; border:11px solid #fff;}
.intro2 h2 { font:bold italic 20px Arial, Helvetica, sans-serif; color:#fff; margin:0; padding:20px 0 0 30px;}
.intro2 p {font:normal 16px Arial, Helvetica, sans-serif; color:#fff;  margin:10px 300px 10px 40px; padding:0;}
.intro2 img { float:right; margin:15px 100px 15px 10px; padding:1px; max-width:195px; max-height:178px;}

/* Conatct Form */
.response { font:normal 12px Arial, Helvetica, sans-serif; color:red; text-align:center;}
.loader { text-align:center; width:auto; padding:0; margin:0;}
#contactform { margin:0; padding:5px;}
#contactform * { font-family: Arial, Helvetica, sans-serif;; font-size:12px;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0 0 5px 0; padding:10px; background:none;}
#contactform li.buttons { margin:0; overflow:hidden;}
#contactform label { margin:0; width:150px; display:block; float:left; padding:0 0 2px 0; font:normal 14px Arial, Helvetica, sans-serif; color:#666666;}
#contactform label span { font:normal 11px Arial, Helvetica, sans-serif; color:#afafaf; margin:0; padding:0;}
#contactform input.text { width:280px; border:1px solid #d6d6d6; margin:0; padding:5px 2px; height:16px; background:#fff;}
#contactform textarea { width:280px; border:1px solid #d6d6d6; padding:2px; background:#fff;}
#contactform li.buttons input { padding:3px 10px; margin:0 0 0 150px; background:#1f93ca; border:1px solid #dbdbdb; color:#FFF; float:left;}

/* Parte Central */

.central { width:980px; height: 100%; margin:0; padding:0; background-color:#FFF }
.central h2 { font: normal 24px  Arial, Helvetica, sans-serif; color:#181818; padding:10px 5px; margin:0 0 10px 0; border-bottom:1px solid #cccccc;}
.central h2.bienvenido { background: url(../images/titulo1.png) no-repeat; height: 30px; }
.central h2.recientes { background: url(../images/titulo2.png) no-repeat; height: 30px; }
.central h2.afiliados { background: url(../images/titulo3.png) no-repeat; height: 30px; }
.central h2.contacto { background: url(../images/titulo4.png) no-repeat; height: 30px; }
.central h2.concursos { background: url(../images/titulo5.png) no-repeat; height: 30px; }
.central h2.disenoweb { background: url(../images/titulo6.png) no-repeat; height: 30px; }
.central h2.peticion { background: url(../images/titulo7.png) no-repeat; height: 30px; }
.central h2.gmedio { background: url(../images/titulo8.png) no-repeat; height: 30px; }
.central h2.gsuperior { background: url(../images/titulo9.png) no-repeat; height: 30px; }
.central h2.disenografico { background: url(../images/titulo10.png) no-repeat; height: 30px; }
.central h2.informacion { background: url(../images/titulo11.png) no-repeat; height: 30px; }
.central h2.modulos { background: url(../images/titulo12.png) no-repeat; height: 30px; }
.central h2.websoficiales { background: url(../images/titulo13.png) no-repeat; height: 30px; }
.central h2.beca { background: url(../images/titulo14.png) no-repeat; height: 30px; }
.central h2.salidas { background: url(../images/titulo15.png) no-repeat; height: 30px; }
.central h2.competencias { background: url(../images/titulo16.png) no-repeat; height: 30px; }
.central h2.amigas { background: url(../images/titulo17.png) no-repeat; height: 30px; }
.central h2.centro { background: url(../images/titulo18.png) no-repeat; height: 30px; }
.central h3 { font: normal 18px  Arial, Helvetica, sans-serif; color:#181818; padding:10px 5px; margin:0 0 10px 0;}
.central p {font:normal 12px Arial, Helvetica, sans-serif; color:#807f7f; padding:0; margin:10px 0;}
.central a { color: #06C; font: 12px Arial, Helvetica, sans-serif; text-decoration:none;}
.central img { margin:0; padding:5px 5px; }

.col_izquierda { width:544px; padding:0 10px; margin:0; float:left;}
.col_izquierda span { color: #333 ; padding-left: 5px; text-decoration:underline; font:normal 12px Arial, Helvetica, sans-serif; margin:10px 0; }
.col_izquierda ul { margin:0 0 0 35px; padding:0; list-style:none;}
.col_izquierda li {  font:normal 12px Arial, Helvetica, sans-serif; color:#474646; padding:5px 0 5px 29px; margin:0; background:url(../images/li.png) 1% center no-repeat;}
.col_izquierda a { color: #06C; }
.col_izquierda a:hover { background-color:#06C; color: #FFF; }

.col_derecha { font: 12px Arial, Helvetica, sans-serif;  width:376px; padding:0 20px; margin:0; float:right;}
.col_derecha ul { font:normal 12px Arial, Helvetica, sans-serif; color:#3a3c3c; padding:5px 0; margin:0; list-style:none;}
.col_derecha li {padding:5px 0; margin:0;}
.col_derecha em { color:#666666;}
.col_derecha span { color:#1190ce;}
.col_derecha a { font: bold 12px Arial, Helvetica, sans-serif; color: #666; margin:0; padding:0; text-decoration:underline;}
.col_derecha h2 a { font: 24px Arial, Helvetica, sans-serif; color: #000099; margin:0; padding:0; text-decoration:none;}
.col_derecha .data { float:left; font: normal 14px Arial, Helvetica, sans-serif; color:#fff; background:#242424; text-align:center; width:100px; margin:0 10px 0 0; padding:0;}
.col_derecha .title { float: left; font: bold 14px Arial, Helvetica, sans-serif; color:#d34600; margin:0; padding:0; width:250px; margin:0; padding:0;}

/* Ultimos Mensajes */

#ultimos tr { color: #666; }
#ultimos tr a:hover { background-color:#666; color: #FFF; }

/*services*/
.ampliado {width:950px; padding:0 10px; margin:0; float:left;}
.ampliado img { padding: 0; }
#paso div { height: 300px; padding: 15px 0; }
img.tuto { border: 0; float:left; margin:10px 20px; padding:0;}
img .tuto a { padding:0; margin:0;} 

/*contact*/
.contact { width:580px; padding:0 10px; margin:0; float:left;}
.Address { width:300px; padding:0 20px; margin:0; float:right;}
.Address span { color:#1190ce;}

/* footer */
.pie_pagina { width:100%; height: auto; border-top:1px solid #fff;  border-bottom:1px solid #fff; background:#2d2f2f; margin-top: 100px; min-height: 100px;}

.pie_pagina p {font: 12px Arial, Helvetica, sans-serif; color:#6e6e6e; padding:0; margin:0;}

.pie { background: url(../images/footer.png) top center no-repeat; text-align:center; font: normal 11px Arial, Helvetica, sans-serif; color:#fff; margin:0 0 20px 0; padding:20px 0;}
.pie a {font: normal 11px Arial, Helvetica, sans-serif; color:#fff; margin: 0 10px;}

