/* CSS Document */
body {text-align: center;
      color: #5d5b46;
      font-family: sans-serif,Arial; 
      font-size : 87.5%;
      background: #eee repeat-x; 
      
margin: 0; padding: 0 ;}

div, p, ul, h2, img{margin:0px; padding:0px;}
ul{list-style-type:none;}


a:hover, a:focus { text-decoration:underline;}
a  { text-decoration: none; color: #262E52;}

div.errormsg{ font-family : arial, sans-serif;
	color : red;
	font-size : smaller ;
}

#contacto  { font: bold 12px/16px Arial, Helvetica, sans-serif; background: #EEEEEE url(IMAGES/bg_contacto.gif) repeat-y; margin: 0 auto; position: relative; width: 980px; height: 16px }
        
#contacto ul{width:125px;
           height:16px; 
           position:absolute; 
           top:0px; 
           right:130px;}
           
#contacto ul li{float:left; 
              width:45px; 
              height:16px;}
              
#contacto ul li a { color: #4e4e4e; font: bold 11px/16px "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-decoration: underline; display: block; width: 45px; height: 16px }
#contacto ul li a:hover { color: #cd6c03; text-decoration: underline }

#contacto ul li.register{float:left; width:65px; height:22px;}
#contacto ul li.register a { color: #4e4e4e; font: bold 11px/16px "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-decoration: underline; display: block; padding: 0 0 0 10px; width: 65px; height: 16px }
#contacto ul li.register a:hover { color: #b74e00; text-decoration: underline }

#header{width:980px;
        height:110px; 
        position:relative; 
        margin:0 auto; 
        text-align: center;
        font:12px/16px "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; }

#header img.logo{width:980px; height:110px; position:absolute; top:0px; right:0px;}

/*----/TOP PANEL----*/

/*----HEADER- PANEL----*/

/*----Menu----*/

#fondo_nar { background-image: url(IMAGES/bg_menu_nar.jpg); background-repeat: repeat-x; display: block; margin: auto; position: relative; z-index: 100; width: 980px; height: 28px;}

.menu  { background: #F5B400;  margin: auto; position: relative; z-index: 100; width: 981px; height: 28px; border-right: 1px solid #000;   }

.menu  { font-size: 8px; font-weight: bold }
/* hack to correct IE5.5 faulty box model */
* html .menu {width:980px; w\idth:980px; }

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0; margin:0; list-style-type:none; text-align:center;}
.menu ul ul {width:163px; text-align:left;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:163px;position:relative; }
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:155%;text-decoration:none; color:#262E52; width:155px; height:26px; border:1px solid #000; border-width:1px 0 1px 1px; padding-left:10px; line-height:28px;}
/* yet another hack for IE5.5 */

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:158px; w\idth:147px;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:27px;left:0; width:163px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:28px;t\op:29px;}



/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse; }

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {color:#000; height:auto; line-height:1em; padding:5px 10px; width:163px;border-width:0 1px 1px 1px; background: url(images/bg_submenu.gif) repeat-x;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:158px;w\idth:163px;}

/* style the top level hover */
.menu a:hover {color:#fff; background:#262E52;}

.menu ul ul a:hover{color:#fff; background:#262E52 url(images/bg_menu.gif) repeat-x;}
/*continuar aquiiiiiiiiiiiiiiiiiii */

.menu :hover > a  { color: #FFF; background: #262E52; }

 .menu ul ul :hover > a {color:#fff; background: #262E52 url(images/bg_menu.gif) repeat-x;}
/* yet another hack for IE5.5 */

/* 
.menu :hover > a, .menu ul ul :hover > a {color:#fff; background: #F4CD60;}
 */


/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

#abajo {background: #eee; text-align: center; margin: 0 auto; position: relative; width: 100%;  } 


#cuerpo {background: #ffffff; text-align: center; margin: 0 auto; position: relative; width: 980px; overflow: auto ; border-style: solid; border-width: 0 1px 1px; border-color: #000 } 


#colizq  {text-align: center; padding: 20px 5px 0px 0px; width: 280px; float: left; text-align: left;}
#headnar { background: #ffffff url(images/bg_titulo2.png) repeat-x; text-align: left; padding-top: 0; padding-right: 10px; padding-left: 30px; width: 238px; height: 19px; float: left; border-style: solid; border-width: 1px 1px 0; border-color: #4e4e4e }
#headnar h2 {color: #FFF;}

#oferta   { background: #ffffff url(images/bg_ofertas.gif) repeat-x; text-align: left; margin-bottom: 20px; padding: 11px 11px 0; width: 258px; height: 189px; float: left }
#oferta_img  {text-align: left; padding-right: 10px; width: 59px; float: left;  }
#ofert_list   {text-align: left; margin: auto; float: left; }

#ofert_list li {  background-color: #fdf3de; text-align: left; margin-bottom: 2px; padding: 8px 1px 8px 20px; width: 233px; float: left }
#ofert_list a   { color: #333; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; text-decoration: none }


#eventos  {text-align: left; margin-bottom: 15px; padding: 10px; width: 258px; float: left; border: solid 1px }
#eventos_img  {text-align: left; padding-right: 10px; width: 74px; float: left;  }
#eventos_txt   {text-align: left; margin: auto; width: 171px;float: left; }
#eventos_cir {text-align: left; margin: auto; float: left; }
#eventos_txt h2  { color: #ce6c04; font: 16px/16px "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; margin:0 0 6px 0; padding:0 0 5px 0; }
#eventos_txt h4 { color: #ce6c04; font: 16px/16px "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; margin:0 0 6px 0; padding:0 0 5px 0; }

#apoyoedu   {text-align: left; margin: auto; width: 119px;float: left; }
#meritoedu  {text-align: center; margin-left: 119px; width: 119px;float: rigth; }
#meritologo {width:117px; height:137px; position:absolute; top:0px; right:0px;}

#calendario {text-align: left; margin-bottom: 20px; padding: 10px; width: 258px; float: left; border: solid 1px}
#calendario td   { font-size: 11px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; background-image: url(IMAGES/bg_dia.gif); background-repeat: repeat-x; text-align: center; padding: 2px; border: solid 1px #666 }
#calendario td.mes { font-size: 11px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; background-image: url(IMAGES/bg_cal.gif); background-repeat: repeat-x; text-align: center; padding: 2px; border: solid 1px #666 }
#calendario td.dia { font-size: 11px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; background: #bfbfbf; background-position: 0 0; text-align: center; padding: 2px; border: solid 1px #666 }

#calendario td.current { color: #fff; font-size: 11px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; background-image: url(IMAGES/current_cal.gif); background-repeat: repeat-x; text-align: center; padding: 2px; border: solid 1px #666 }

#calendario a  { color: #fff; font-size: 11px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; text-decoration: none; text-align: center; padding: 2px }


#galeria   { background: #ffffff; text-align: left;  float: left; margin-bottom: 20px; }

#fotonota { width : 280px;margin-bottom: 20px;margin-right: 10px;}

#fotogal {margin:6px;
	      }	
		  
#fotogal img{
position:relative;
padding:0px;
border:5px solid #e0e0e0;
background-color:inherit;
}

h2     { color: #fff; font-size: 14px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold }


/* Comienza columna derecha */
#colder    { background: #fff; text-align: left; padding: 20px 16px 0px 16px; width: 652px; float: left }
#cont_colder  { background: #fff; text-align: left; padding-right: 0px; padding-bottom: 20px; padding-left: 0px; width: 652px; float: left }

#cont_colder2  { background: #FDF3DE; text-align: left; padding-right: 5px; padding-bottom: 20px; padding-left: 5px; width: 586px; float: left }


#headnar2 { background: #ffffff url(images/bg_titulo2.png) repeat-x; text-align: left; padding-top: 0px; padding-right: 5px; padding-left: 5px; width: 642px; height: 22px; float: left; border-style: solid; border-width: 1px 1px 0; border-color: #4e4e4e }
#headnar2 h2 {color: #FFF;}

#cont_not  { background: #ffffff; text-align: left; padding: 5px 5px; width: 642px; float: left; border: solid 1px }

#cont_not_par  { background: #ffffff; text-align: left; padding: 0px 10px 0px 10px; width: 622px; float: left;}

#noticias {background: #ffffff;
           text-align: left; 
           padding-top: 10px; 
           padding-bottom: 10px; 
           width: 311px; 
           float: left }

#noticias_agr {width: 622px}
#noticias_img    { background: #ffffff; text-align: left; margin: 1px; padding: 1px; width: 70px; float: left; border: solid 1px #4e4e4e}
#noticias_txt   { color: #000; font-size: 80%; font-family: sans-serif, Arial ; font-weight: bold; text-align: left; padding-left: 10px; width: 220px; float: left }
#noticias_txt h2  { color: #363837; font: 100% sans-serif,Arial ; font-weight: bold; margin:0 0 6px 0; padding:0 0 5px 0; }

#noticias2 {top: 0px;
            background: #DBE7FF; 
            text-align: left; 
            padding-top: 10px; 
            padding-bottom: 10px; 
            width: 556px;
            float: left }
#galeria2 { background: #ffffff; text-align: left; margin: 6px; padding: 1px; width: 70px; float: left; border: solid 1px #4e4e4e}
#fotogaleria2 { margin-left: 40px}			


#paginas  { background: #FFF; text-align: center; padding-right: 5px; padding-bottom: 15px; padding-left: 5px; width: 646px; float: left;}
#paginas a {
	text-decoration: none;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}
 
#paginas a:hover {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-decoration: underline;
}
#nav_not {float:left}			

#contenido {text-align: left; padding-top: 10px; padding-bottom: 10px; width: 100%; float: left }
#contenido h3  { color: #363837; font: 16px/16px "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; margin:0 0 6px 0; padding:0 0 5px 0; }
#contenido h2  { color: #363837; font: 14px/14px "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; margin:0 0 6px 0; padding:0 0 5px 0; }

#contenido li   { white-space: normal; list-style: decimal inside; display: list-item }
#lista_bul li    { white-space: normal; list-style: disc; list-style:outside; display: list-item }
#lista_abc li     { white-space: normal; list-style: lower-alpha inside; display: list-item }
#contenido p   { padding-bottom: 10px }
#contenido a    { color: #b74e00;}
#contenido a:hover  { color: #cd6c03; }
#contenido_img    { background: #ffffff; text-align: left; margin: 1px; padding: 1px; width: 110px; float: left; border: solid 1px #4e4e4e}
#contenido_txt   { text-align: left; padding-left: 15px; width: 100%; float: left }
#contenido_txt h3  { color: #363837; font: 16px/16px "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; margin:0 0 6px 0; padding:0 0 5px 0; }


#enportada {text-align: left; padding-top: 10px; padding-bottom: 10px; width: 556px; float: left }
#enportada_img    { background: #ffffff; text-align: left; margin: 1px; padding: 1px; width: 110px; float: left; border: solid 1px #4e4e4e}
#enportada_txt  { text-align: left; padding-left: 15px; width: 412px; float: left }
#enportada_txt h3  { color: #363837; font: 16px/16px "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; margin:0 0 6px 0; padding:0 0 5px 0; }


#vermas   { text-align: right; width: 412px; float: left }
#vermas2   { text-align: right; width: 170px; float: left }

#line   { width: 100%; float: left; border-top: 1px dashed #9B9B9B;}
.spc { height: 5px }
.cita  { color: #5d5b46; font-size: 9px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-style: normal; font-variant: normal; font-weight: bold; text-align: center; margin: 0; padding: 0; position: relative; top: -2px }
.piedefoto {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	color: #333333;
	margin-left: 10px;
	margin-right: 10px;
}
.piedefoto a {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FF6600;
	text-decoration: none;
}


/*  TABLAS  */

#newspaper-a
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 90%;
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #69c;
}
#newspaper-a th
{
	padding: 12px 17px 12px 17px;
	font-weight: normal;
	font-size: 14px;
	color: #039;
	border-bottom: 1px dashed #69c;
}
#newspaper-a td
{
	padding: 7px 17px 7px 17px;
	color: #669;
}
#newspaper-a tbody tr:hover td
{
	color: #339;
	background: #d0dafd;
}
#colnews td
{
   align: right;
}



/*  formularios  */

.cssform {
text-align: left;

}

.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

.btnform {
margin-left: 150px;
}

.contenedor_carrusel{
width: 642px;
margin: 0px;
padding: 0px;

}

.cont_carrusel1{
width: 642px;
height: 250px;
float: left;
}

.carrusel1{
width: 642px;
height: 250px;
background-color:#567d9e;
float: left;
margin: 0px;
}
.carrusel1_content{
width: 642px;
height: 250px;
background-color:#eee;
margin: 0px 0px 0px 0px;
}
	
.carrusel3{
width: 550px;
height: 150px;
margin-top: 10px;
background-color: #d8d7c2;
float: inherit;
}

.carrusel3_content{
width: 550px;
height: 140px;
margin-top: 10px;
background-color: #eee;
float: inherit;
}

.cont_carrusel2{
width: 390px;
height: 310px;
margin: 0 0 0 10px;
background-color:#e4376f;
float: left;
}

.cont_carrusel2_content{
width: 390px;
height: 300px;
margin: 10px 0 0 0;
background-color:#eee;

}

#slider1 {
    width: 642x; /* important to be same as image width */
    height: 250px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}

#slider1Content {
    width: 642px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}


.slider1Image {
    float: left;
    position: relative;
	display: none;
}

.slider1Image span {
    position: absolute;
	font: 10px Arial, Helvetica, sans-serif;
    padding: 10px 10px;
    width: 642px;
	height: 15px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}

.slider1Image img {
	border: none;	
}

.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 11px;
}

.slider1Image span strong {
    font-size: 11px;
}

.slider2Image span strong {
    font-size: 11px;
}
.top {
	top: 0;
	left: 0;
	height: 15px;
}
.bottom {
	bottom: 0;
    left: 0;
	height: 15px;
}
.left {
	top: 0;
    left: 0;
	width: 90px !important;
	height: 280px;
}
.right {
	right: 0;
	bottom: 0;
	width: 90px !important;
	height: 127px;
}
ul { list-style-type: none;}

:invalid { 
  border-color: #e88;
  -webkit-box-shadow: 0 0 5px rgba(255, 0, 0, .8);
  -moz-box-shadow: 0 0 5px rbba(255, 0, 0, .8);
  -o-box-shadow: 0 0 5px rbba(255, 0, 0, .8);
  -ms-box-shadow: 0 0 5px rbba(255, 0, 0, .8);
  box-shadow:0 0 5px rgba(255, 0, 0, .8);
}
.fieldfr {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 3px;
	color: #333;
}

.formfr {
  width:300px;
  margin: 20px auto;
}
.inputfr {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  border:2px solid #ccc;
  font-size:20px;
  width:300px;
  min-height:30px;
  display:block;
  margin-bottom:15px;
  margin-top:5px;
  outline: none;

  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  -o-border-radius:5px;
  -ms-border-radius:5px;
  border-radius:5px;
}