/* old styles */
.headerwhite { font-size: 0.8em; color: #ffffff; }
.headerinfo  { font-size: 0.8em; text-indent: 7px; text-align: left; }	
.text8justify	{ font-size: 0.8em; text-align: justify; }
.text9justify	{ font-size: 0.9em; text-align: justify; }
.text10justify	{ font-size: 1.0em; text-align: justify; }
.text11justify	{ font-size: 1.1em; text-align: justify; }
.text12justify	{ font-size: 1.2em; text-align: justify; }
.text8left	{ font-size: 0.8em; text-align: left; }
.text9left	{ font-size: 0.9em; text-align: left; }
.text10left	{ font-size: 1.0em; text-align: left; }
.text11left	{ font-size: 1.1em; text-align: left; }
.text12left	{ font-size: 1.2em; text-align: left; }

/* global body settings */
body.main { text-align: center; }
body { 
    /*background-image: url(/opencms7/opencms/system/modules/org.opencms.frontend.templateone/resources/fondo.png);*/
    background-color:#a7bf1f;
    margin: 0px;
    font-size: 100%;
    width: 100%;
}
body,ul,ol,li,td,p,div,span,input,textarea,select {	font-family: Verdana, Arial, Helvetica, sans-serif;; color: #000000; }

/* headlines */
h1 { font-size: 1.4em; color: #000000; font-weight: bold; }
h2 { font-size: 1.2em; color: #000000; font-weight: bold; }
h3 { font-size: 1.1em; color: #000000; font-weight: bold; }
h4 { font-size: 1.0em; color: #000000; font-weight: bold; }
h5 { font-size: 1.0em; color: #000000; font-weight: bold; }
h6 { font-size: 1.0em; color: #000000; font-weight: bold; }

/* common links */
a,a:link	{	color: #cc0033; font-weight: normal; text-decoration: none; }
a:visited	{	color: #cc0033; text-decoration: none; }
a:hover		{	color: #cc0033; text-decoration: none; }
a:active	{	color: #cc0033; text-decoration: none; }

/* Head navigation */

a.navtop,a.navtop:visited,a.navtop:hover { 
    color: #FFFFFF;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    white-space: nowrap;
    padding: 0px 2px 3px 2px;
    font-weight: normal;
    text-decoration: none;
    vertical-align: top;

}
.navspacer { 
    color: #FFFFFF;
    font-size: 0.8em;
    vertical-align: top;
}

/* top navigation row */
div.navtop {
    width: 100%;
    margin: 0;
    padding: 0px 0px 0px 0px;
    background-color: #660033;
    font-size: 0.8em;
    text-align: left;
    text-indent: 5px;
    border-top: none #000000;
    border-left: none #000000;
    border-right: none #000000;
}

/* Head navigation submenu */
div.menu, div.menu a.mI, div.menu a.mI span.mIText, div.menu a.mI span.mIArrow {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
}

div.menu {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 0.7em;
    background-color: #660033;
    border: 1px solid #000000;
    text-align: left;
    left: 0px;
    position: absolute;
    top: 0px;
    visibility: hidden;
    z-index: 101;
}

div.menu a.mI, div.menu a.mICurrent {
    color: #FFFFFF;
    background-color: #660033;
    cursor: pointer;
    display: block;
    padding: 3px 1em;
    text-decoration: none;
    white-space: nowrap;
}

div.menu a.mI:hover, div.menu a.mIHighlight, div.menu a.mICurrent, div.menu a.mI:hover span.mIText, div.menu a.mI:hover span.mIArrow {
    font-family: Tahoma, Arial, Helvetica, sans-serif;

    color: #FFFFFF;
    background-color: #000000;
}

div.menu a.mI span.mIText, div.menu a.mI span.mIArrow {
    font-family: Tahoma, Arial, Helvetica, sans-serif;

    color: #FFFFFF;
}

div.menu a.mI span.mIArrow {
    margin-right: -.75em;
}

/* foot row links */
a.linksheadfoot,a.linksheadfoot:link { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 0.85em; color: #000000; font-weight: normal; text-decoration: none; }
a.linksheadfoot:visited	{ color: #000000; text-decoration: none; }
a.linksheadfoot:hover	{ color: #cc0033; text-decoration: none; }
a.linksheadfoot:active	{ color: #000000; text-decoration: none; }

/* head row links */
a.linkshead,a.linkshead:link { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 0.85em; color: #000000; font-weight: normal; text-decoration: none; padding: 0px 0px 0px 0px; vertical-align: middle;  }
a.linkshead:visited	{ color: #000000; text-decoration: none; }
a.linkshead:hover	{ color: #cc0033; text-decoration: none; }
a.linkshead:active	{ color: #000000; text-decoration: none; }
.headnavspacer { 
    color: #000000;
    font-size: 0.85em;
    vertical-align: middle;
}

/* bread crumb navigation */
div.breadcrumb			{ margin: 4px 8px; text-align: left; }
span.breadcrumb			{ font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 0.85em; color: #000000; text-decoration: none; white-space: nowrap; }
a.breadcrumb,a.breadcrumb:visited,a.breadcrumb:hover { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 0.85em; color: #000000; font-weight: normal; text-decoration: none; white-space: nowrap; }

/* head search input form */
.search { border: 1px solid #000000; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif;; background-color: #E61A23; font-size: 0.9em; }
.searchlinks { text-align: center; width: 100%; }
.searchresult { margin-bottom: 10px; }
.formbutton { font-family: Verdana, Arial, Helvetica, sans-serif;; font-size: 0.9em; height: 18px; background-color: #E61A23; color: #000000; border: 1px solid #000000; }


/* border of the head navigation row */
div.linkshead {
    width: 100%;
    border-left: 1px solid #000000;
    border-top: 1px solid #000000;
    border-right: 8px solid #000000;
    background-color: #E61A23;
    text-align: right;
    margin: 1px;
    padding: 8px 8px;
    font-size: 0.80em;
}

/* head image row & head editable element */
div.imagehead, div.edithead {
    padding-top:5px;
    width: 100%;
    text-align: left;
    clear: both;
    margin: 0 auto;
    border-top: 0px solid #000000;border-left: 0px solid #000000;border-right: 0px solid #000000;
}

/* image link block on top of background image */
span.imagelink {
    display: block;
    margin: 0;
    padding: 0;
    width: 175px;
    cursor: pointer;
}

/* border of the foot navigation row */
div.linksfoot {
    width: 100%;
    border-left: 10px solid #000000;
    border-right: 10px solid #000000;
    border-bottom: 0px solid #000000;
    background-color: #E61A23;
    margin: 0 auto;
    padding-top: 1px;
    padding-bottom: 1px;
    font-size: 0.8em;
    text-align: right;
    clear: both;
}

div.mainwrapper {
    margin: 0 auto;
}

/* block around main content row (left nav, content, infobox) */
div.main {
    background:none;
    padding-left: 0px;
    padding-right: 1px;
    width: 100%;
}

/* content cell */
div.content {
    float: left;
    width: 60%;
    height: 100%;
    vertical-align: top;
    text-align: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;;
    font-size: 0.8em;
    color: #000000;
    background-color: #FFFFFF;
}

/* content styles */

/* a content element */
div.element {
    margin: 5px 5px 5px 5px;
    padding: 5px;
    text-align: justify;
    clear: both;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
}

div.element2 {
    font-size: 0.8em;
    margin: 5px 5px 5px 0px;
    padding: 5px;
    text-align: left;
    clear: both;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
}

/* infobox column */
div.infobox {
    text-align: left;
    float: right;
    width: 17%;
    vertical-align: top;
    height: 100%;
}

/* left navigation column */
div.navleft {
    background-repeat: no-repeat;
    background-position: top right;
    text-align: left;
    float: left;
    width: 22%;
    vertical-align: top;
    height: 100%;
    background-color: #CCCCCC;
    background-image: url(images/bg_nav.jpg);
}

/* left navigation image row */
span.navleftimage {
    display: block;
    width: 175px;
    cursor: pointer;

}



/* left navigation list */
ul.navleft { 
    margin: 0 0 0 20px;
    padding: 2px;
} 

/* left navigation list item */
li.navleftactive { 
    list-style-image: url(nullaspa.gif);
} 

li.navleft { 
    list-style-image: url(nullaspa.gif);
}

a.navleft,a.navleft:link,a.navleft:visited,a.navleft:active { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 0.8em; color: #000000; font-weight: normal; text-decoration:none; }
a.navleft:hover { color: #000000; text-decoration: underline; }

a.navleftactive,a.navleftactive:link,a.navleftactive:visited,a.navleftactive:active { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 0.8em; color: #000000; font-weight: bold; text-decoration:none; }
a.navleftactive:hover { color: #000000; text-decoration: underline; }

/* Side element styles */
div.sidelist {
    margin: 5px 5px 5px 0px;
    border: 1px solid #CCCCCC;
    text-align: left;
    clear: both;
    background-color: #FFFFFF;
}

p.sidelisthead {
    font-size: 0.8em;
    font-weight: bold;
    margin: 0px;
    padding-left: 3px;
    padding-right: 3px;
    background-color: #CCCCCC;
}

p.sidelistitem {
    font-size: 0.70em;
    margin: 5px 3px 0px;
}

a.sidelistitemhead {
    font-size: 1.0em;
    font-weight: bold;
    margin-bottom: 3px;
}

/* juventud */


.txt-titulo{color:#F28100;font-family:Arial, "Arial Narrow", sans-serif; font-size:15px; font-weight:bold;}
.txt-naranja{color:#a4bc24;font-family:Arial, "Arial Narrow", sans-serif; font-size:12px; }
.txt-menu{font-family:Arial, "Arial Narrow", sans-serif; font-size:11px;color:#FFFFFF; text-decoration:none;}
.txt-tit {
    font-family:Arial, "Arial Narrow", sans-serif;
    font-size:14px;
    color:#FFFFFF;
    text-decoration:none;
    font-weight: bold;
    padding-left:10px;
}


.puntos{
    background-image:url(images/puntos.gif);
    background-position:center;
    background-repeat:repeat-y;
}

div.cuerpo{
    background-color: #FFFFFF;
    padding:10px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:10pt;

}

div.cuerpo a, a:link {
    color:#f18200;
    font-weight:normal;
    text-decoration:none;
}

div.cuerpo a:visited {
    color:#cc0033;
    text-decoration:none;
}
div.cuerpo a:hover {
    color:#cc0033;
    text-decoration:none;
}
div.cuerpo a:active {
    color:#CC0033;
    text-decoration:none;
}

a.enlaceNegro{
    color:#000000;
}

td.cuerpo{
    background-color: #FFFFFF;
}

div.menuDer{
    background-color: #000000;
    width: 181px;
    font-size:x-small;
    color: white;
}

div.pieContenido {
    width: 100%;
    background-color: #E61A23;
    font-size: 0.9em;
    text-align: right;
    clear: both;
    height:25px;
}

a.menuDerA,a.menuDerA:visited,a.menuDerA:active{
    color: white;
}
a.menuDerA:hover { 
    color: #B02975;
}


/* presidencia */
div.miga			{ margin: 8px 8px; text-align: left; }
span.miga			{ font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 0.85em; color: #000000; text-decoration: none; white-space: nowrap; }
a.miga,a.miga:visited,a.miga:hover { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 0.85em; color: #000000; font-weight: normal; text-decoration: none; white-space: nowrap; }


div.BlackRule {
    border: 0px;
    background-color: black;
    height: 1px;
}

div.BlackRule hr {    /* for CSS1 browsers */
    display: none;
}

div.BlackRule * {     /* for CSS2 browsers */
    display: none;
}

hr.lineafina{
    height: 1px;
    margin: 0px;
    border: none;
    color: #000000;
    background-color: #000000;
}

hr.lineadegradada{
    margin-bottom: 2px;
    margin-top: 2px;
    background-image: url(nulllineadegradada.jpg);
    height: 9px;
    border: none;
}

span.titulo{
    background-image: url(nullaspagris.gif);
    background-repeat: no-repeat;
    padding-left: 13px;
}

.botonBusqueda { 
    font-family: Verdana, Arial, Helvetica, sans-serif;;
    font-size: 0.6em;
    vertical-align: middle;
    color: #003699;
}

td.login{
    font-size: small;
    font-family: Tahoma, Arial, sans-serif;
    text-align: left;
    color: #777777;
    font-weight: bold
}

div.fecha{
    font-size: small;
    font-family: Tahoma, Arial, sans-serif;
    text-align: left;
    color: #444444;
}

/* popup window border */
div.popup { border: 1px solid #000000;
    margin-top: 1px;
    -moz-box-sizing: border-box;
    width: 100%;
}

h1.popup { font-size: 1.0em; padding: 2px; width: 100%; background-color: #660033; color: #FFFFFF; }
.popupform { border: 1px solid #000000; width: 450px; }
span.formerror { 
    color: red;
    font-size: smaller;
    display: block;
}

/* imprint */
table.imprint {	width: 100%; }
td.imprint { vertical-align: top; font-size: 0.8em; }

/* default styles for the online forms */
input.onlineform, select.onlineform, textarea.onlineform { width: 300px; border: 1px solid #000000;  }
textarea.onlineform { height: 70px; }

/* default styles */
.nowrap { white-space: nowrap; }
.bold { font-weight: bold; }
div.element {}

h2.lp_headline {
    margin-top: 0;
    padding-top: 0;
}

.lp_maxwidth {
    width: 100%;
}

span.lp_imgleft {
    float: left;
    padding: 0 5px 5px 2px;
    font-size: 10px;
}

span.lp_imgright {
    float: right;
    padding: 0 2px 5px 5px;
    font-size: 10px;
}

div.lp_clearfloat {
    clear: both;
}

td.lp_top {
    vertical-align: top;
}

td.lp_imgleft {
    padding-right: 8px;
}

td.lp_imgright {
    padding-left: 8px;
}

p.lp_imgdesc {
    font-size: 10px;
}

span.lp_description {
    display: block;
    font-size: 10px;
}

.contentfont {
    font-size: 10px;
    text-decoration: none;
}


/*Estilos formulario viaje estudios*/
body #formInscripcionVE{
    background:#FFFFFF none repeat scroll 0 0;
    color:#868789;
    font-family:Arial;
    font-size:11px;
    margin-top:0;
}
#formInscripcionVE .textonormal {
    color:#6D6E71;
    font-size:12px;
    font-weight:normal;
    text-decoration:none;
}
#formInscripcionVE .textonormal a {
    color:#6D6E71;
    font-size:12px;
    font-weight:normal;
    text-decoration:none;
}
#formInscripcionVE .textonormal a:hover {
    color:#ACACAC;
    text-decoration:none;
}
#formInscripcionVE .textoaviso {
    color:#FFFFFF;
    font-size:12px;
    font-weight:normal;
    text-decoration:none;
}
#formInscripcionVE #aviso {
    border-bottom:5px solid #D1D2D4;
    border-right:5px solid #D1D2D4;
    color:#6D6E71;
    font-family:Arial;
    font-size:11px;
    padding:7px;
    width:330px;
}
#formInscripcionVE .boton {
    background-color:#FFFFFF;
    border:1px solid #6B6B6B;
    color:#6B6B6B;
    font-family:Arial;
    font-size:9pt;
}
#formInscripcionVE .form {
    background-color:#DDDDDD;
    color:#6B6B6B;
    font-family:Arial;
    font-size:12px;
    font-weight:normal;
}
#formInscripcionVE .select {
    background-color:#D0CECE;
    color:#6B6B6B;
    font-family:Arial;
    font-size:11px;
    font-weight:normal;
}

ul.resultados {
    text-align: left;
}

a.imagen_comercio, a.imagen_comercio img{
    border:none;
}

#documentos_rel{
    width: 80%;
    border-top: dashed gray 1px;
    padding-top: 20px;
    margin-top: 20px;
}