/*
Theme Name: F@roMundi
Theme URI: http://www.faromundi.org.do
Description: Plantilla para F@roMundi.
Author: iNTERMADE Web Creations
Author URI: http://www.intermade.com
Template: faromundi
Version: 1.0
Tags: faro, mundi
*/

* { margin:0; padding:0; }

body { background:#ddd url(images/bg.jpg) center repeat-y; font-size:65%; }
body, div { color:#626061; font:1.02em Arial, Helvetica, sans-serif; }

p { padding:8px 0; line-height:1.4em; }
hr { color:#e0e0de; background:#e0e0de; border:0; height:1px; clear:both; margin:5px 0; }

a { color:#0455a7; text-decoration:none; outline:none; }
a:hover { color:#f58220; }

img { border:0; }
input, textarea, select { color:#626061; font:1em Arial, Helvetica, sans-serif; }

h1, h2, h3, h4, h5, h6 { color:#0455a7; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; }
h1 { font-size:2em; margin:0 0 5px 0; }
h2 { font-size:1.6em; margin:0 0 5px 0; }
h3 { font-size:1.2em; margin:0 0 10px 0; }
h4 { font-size:1em; }
h5 { font-size:0.8em; }
h6 { font-size:0.6em; }

/* general */
.alignr { text-align:right; }
.alignc { text-align:center; }
.alignleft { float:left; margin:0 10px 10px 0; }
.alignright { float:right; margin:0 0 10px 10px; }
.error { color:#c00; }
.clear { clear:both; }
.txtclaro { color:#999; font-size:0.9em; padding:0 0 8px 0; }

/* layout */
#box { width:880px; margin:0 auto; background:url(images/bg-top.jpg) top center no-repeat; padding:0 20px; }

#bg-colizq { width:880px; background:#273e74 url(images/bg-colizq.jpg) top repeat-x; clear:both;
	/*-webkit-border-top-left-radius:10px; */ -webkit-border-bottom-left-radius:10px;
	/*-moz-border-radius-topleft:10px;*/ -moz-border-radius-bottomleft:10px; }
#bg-colder { width:880px; background:url(images/bg-colder.gif) right repeat-y; }
	#logo { width:270px; height:240px; display:block; overflow:hidden; float:left; }
	#logo a { width:270px; height:240px; display:block; background:url(images/logo-faromundi.gif) center no-repeat; }
	#anim { width:610px; height:200px; display:block; overflow:hidden; float:left; }

	#colizq { width:230px; float:left; padding:20px; }
	#colder { width:570px; float:left; font-size:0.8em; padding:20px; text-align:justify; }

#bottom { width:608px; margin:0 0 0 270px; height:20px; border:1px solid #e0e0de; border-top:0; background:#fff;
	-webkit-border-bottom-right-radius:10px; -webkit-border-bottom-left-radius:10px; 
	-moz-border-radius-bottomright:10px; -moz-border-radius-bottomleft:10px; }
	
#pie { width:610px; margin:0 0 0 270px; padding:10px 0; font-size:0.75em; text-align:center; }
	#intermade, #intermade a { color:#9a9a9a; font-size:0.95em; }

/* menu top */
#menu { width:570px; height:16px; float:left; color:#fff; font-size:0.7em; text-transform:uppercase; padding:12px 0; background:url(images/bg-menu-top.jpg) repeat-x; list-style:none; }
#menu li { width:auto; float:left; position:relative; }
#menu a { color:#fff; display:block; padding:0 10px; text-shadow:0.1em 0.1em 0.2em #cb7700; border-right:1px solid #fff; }
#menu ul { top:28px; left:0; display:none; position:absolute; list-style:none; }
#menu ul li { float:none; z-index:1000; border-top:1px solid #ffca08; }
#menu ul ul { top:0; left:172px; }
#menu ul a { width:150px; cursor:pointer; padding:5px 10px; background:#f58220; }
#menu ul a:hover { background:#f99e1c; }

/* icono rss en menu top */
#rssicon { width:32px; height:32px; float:left; background:url(images/bg-menu-top.jpg) repeat-x; padding:2px 8px 6px 0; }
#rssicon a { width:32px; height:32px; display:block; background:url(images/icon-rss.gif) no-repeat; }

/* resize texto */
#resizefont { text-align:right; margin:0 0 10px 0; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#fff; text-transform:uppercase; }
#increaseFont { font-size:20px; }
#decreaseFont { font-size:12px; }
#resetFont { font-size:16px; }

/* search form */
#searchform { width:230px; height:24px; font-size:0.8em; margin:0 0 15px 0; background:url(images/bg-buscar.jpg) no-repeat; }
#searchform #s { float:left; border:0; width:199px; background:none; color:#9a9a9a; margin:3px 0 0 5px; font-style:italic; }
#searchform #go { float:right; width:26px; height:24px; background-color:transparent; border:0px; cursor:pointer; }

/* banners rotatorios */
.sponsors_slideshow_widget { margin:15px 0; border-top:1px solid #0174b7; }

/* boton docentes - padres */
#btn-docentes, #btn-padres { font:1.1em Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:normal; }
#btn-docentes a, #btn-padres a { width:190px; display:block; padding-left:40px; text-shadow:0.1em 0.1em 0.2em #cb7700; }
#btn-docentes { width:230px; height:43px; display:block; background:url(images/btn-docentes.jpg) top no-repeat; }
#btn-docentes a { height:31px; padding-top:12px; }
#btn-docentes a:hover { background:url(images/btn-docentes.jpg) bottom no-repeat; text-shadow:none; }
#btn-padres { width:230px; height:42px; display:block; background:url(images/btn-padres.jpg) top no-repeat; margin:0 0 15px 0; }
#btn-padres a { height:36px; padding-top:6px; }
#btn-padres a:hover { background:url(images/btn-padres.jpg) bottom no-repeat; text-shadow:none; }

/* titulos - listas - columna izquierda */
#colizq a { color:#fff; }
#colizq a:hover { text-decoration:underline; }
#colizq h3 { font-size:1em; color:#fff; padding:0 0 5px 0; border-bottom:1px solid #0174b7; text-shadow:0.1em 0.1em 0.2em #273e74; }
#colizq ul { color:#fff; margin:0 0 20px 0; font-size:0.8em; list-style:none; }
#colizq ul li { background:url(images/bullet-estrella1.gif) top left no-repeat; padding:3px 0 3px 20px; }
#colizq ul ul { margin:0; font-size:1em; }
#colizq ul li ul li { background:url(images/bullet-estrella2.gif) top left no-repeat; padding:3px 0 3px 20px; }

/* entradas - contenido */
.entrada { width:480px; padding:10px 10px 10px 20px; float:right; border-left:1px solid #e0e0de; }
#colder p { text-indent:1.5em; }
#colder .autor { color:#9a9a9a; font-style:italic; font-size:0.85em; margin:0 0 10px 0; }
#colder .vermas { text-align:right; font-style:italic; font-size:0.9em; }
#colder .autor a, #colder .vermas a { color:#f58220; }
#colder .autor a:hover, #colder .vermas a:hover { color:#0455a7; }
#colder h3 { padding:10px 0 5px 0; border-bottom:1px solid #e0e0de; font-style:normal; text-transform:uppercase; }
#colder ul, #colder ol, .entrada ul, .entrada ol { margin:0 0 0 20px; text-indent:0 !important; line-height:1.3em; }
#colder ul li, #colder ol li, .entrada ul li, .entrada ol li { padding:1px 0; }
#colder input, textarea { border:1px solid #e0e0de; background:#fff; padding:3px 5px; }

#colder p.noindent { text-indent:0 !important; }

/* enlaces rss, share facebook, imprimir, enviar a un amigo en despliegue articulos */
.extra { width:auto; border:1px solid #e0e0de; padding:10px; float:right; font-size:0.8em; margin:10px 0 10px 10px; }
.extra a { color:#999; }

/* fecha - globo comentarios en entradas */
.fecha { width:40px; float:left; font:0.8em Georgia, "Times New Roman", Times, serif; font-style:italic; color:#9a9a9a; }
.fecha .dia { font-size:3em; }
.comentarios { width:40px; height:32px; clear:left; float:left; text-align:center; padding:4px 0 0 0; margin:20px 0 0 0; color:#fff; font:1em "Trebuchet MS", Arial, Helvetica, sans-serif; background:url(images/bg-comentarios.gif) no-repeat; }
.comentarios a { color:#fff; }

/* formulario de envio de datos */
#form-enviar { font-size:0.9em; }
#form-enviar p { text-indent:0; }
#form-enviar label { width:120px; float:left; text-align:right; padding:0 5px 5px 0; }
#form-enviar textarea { width:556px; overflow:auto; }
#form-enviar input, textarea, select { border: 1px solid #e0e0de;
  -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }

/* navegacion anterior - siguiente */
.navegacion { clear:both; color:#0455a7; padding:10px 0; text-align:center; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; }

/* comentarios */
#comentarios { }
#responder { border-top:1px solid #e0e0de; }
#responder h3, #comentarios h3 { padding-left:5px; font-size:0.9em; }
.fila { margin:5px 0 0 0; padding:10px; border:1px solid #e0e0de; -webkit-border-radius:5px; -moz-border-radius:5px; }
.admin { background:#f6f6f6; border:1px solid #ccc; }
.alt1 { background:#fafafa; }	
.alt2 { background:#ffffff; }
.datoscomment { width:60px; float:left; padding:0 10px 0 0; font-size:0.6em; text-align:center; }
.mensaje { width:466px; float:left; border-left:1px solid #e0e0de; padding:0 0 0 9px; font-size:0.8em; }

/* suscribete - widget */
#wpmlwidget-2 { color:#fff !important; }
#wpmlwidget-2 form { text-align:right; }
#wpmlwidget-2 fieldset label, #wpmlwidget-2 .wpmlaknowledgement { color:#fff; }
#wpmlwidget-2 p { padding:0; }
#wpmlwidget-2 .button { border:1px solid #e0e0de; background:#fff; padding:2px 5px; 
	-webkit-border-radius:5px; -moz-border-radius:5px; }
#wpmlwidget-2 .wpmlerror { color:#fff; }
#wpmlwidget-2 ul { margin:0; }
#wpmlwidget-2 ul li { background:none !important; padding:3px 0 !important; font-style:italic; }
#wpmlwidget-2 .wpmlrequired { color:#f99e1c !important;  }

/* suscribete - pagina */
.wpmlwidget { border-top:1px solid #e0e0de; margin:0px 0 15px 0 !important; padding:10px 0 0 0; }
.wpmlwidget fieldset legend { color:#626061 !important; font-size:0.9em !important; font-weight:normal !important; }
.wpmlwidget input, .wpmlwidget select, .wpmlwidget textarea { font-size:0.9em !important; }
.wpmlwidget p.wpmlaknowledgement { color:#626061 !important; }
.wpmlwidget p.wpmlerror, div.wpmlerror, span.wpmlerror,  { color:#f58220 !important; }
.wpmlwidget .wpmlrequired { color:#f58220 !important; font-size:0.9em !important; }
.wpmlwidget p { font-size:1em !important; }
.wpmlwidget .widefat { border: 1px solid #e0e0de; width:96%;
  -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
.wpmlwidget .button { border:1px solid #e0e0de !important; background:#fff; padding:2px 5px; 
	-webkit-border-radius:5px; -moz-border-radius:5px;-khtml-border-radius:5px; border-radius:5px; }
.wpmlwidget ul { margin:0; list-style:none !important; }
.wpmlwidget ul li { background:none !important; padding:3px 0 !important; font-style:italic; }