/*================================
    Autor: LUIS ALBERTO PAÑOS
    Sistemas de Información FEB
================================*/

body {background:#242424 url(images/backBodyInicio.png) no-repeat center top; padding:0px; margin:0px; 
	font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#222;}
div, li, table, td, img, h3 { border-style:solid; border-color:#A35E00; border-width:0px; }
A { /*color:#4C08A3;*/ color:#fff; text-decoration:none; }
A:hover { text-decoration:underline; }
A IMG {border-width:0px;  }
P { }
UL{ list-style-type:square; list-style-position:inside; margin:0px; padding:0px; }
UL LI {list-style-type:square; list-style-position:inside; margin:0px; padding:0px; line-height:14px;/*safari*/  }
OL{}
OL LI { padding:10px 0px; }
H1 { font-weight:normal; padding-left:55px; height:61px; font-size:26px; color:#704100; font-family:Verdana, Arial; 
	background: transparent url(images/backEncabezado.png) no-repeat left center; }
H1 IMG { vertical-align:middle; height:58px; width:1px;  }
H2 {font-size:18px; }

H3 {font-size:16px; }
H4 {font-size:12px; }

DIV.clearBoth { clear:both; }
DIV.apertura {background:url(images/backApertura.png) no-repeat center bottom; height:12px; width:990px; margin:0px auto;  }
DIV.content { background: transparent url(images/backContent.png) repeat-y 0px 0px; margin:0px auto; padding:0px; width:990px; }
DIV.bodyContent { background:#F08A00 url(images/backBodyContent.png) repeat-x 0px 0px; margin:0px auto; padding:0px; width:950px; }
DIV.contentCabecera {background:#000000; padding-top:0px; width:950px; height:400px; overflow:hidden;}
DIV#map_canvas H4 { border-bottom:1px solid #000; padding:0px; margin:0px; }
DIV#map_canvas A {color:Red; text-decoration:underline; font-size:18px;}
DIV.contentCabecera img.logo2014 {position:absolute; z-index:2000; margin:350px 0px 0px 720px;}
DIV.contentMiddle {padding:10px; }

DIV.navegacion {padding:0px 0px 0px 0px; margin:0px; background:#333 url(images/backNavegacion.png) repeat-x 0px 0px; color:#F08A00; 
	font-size:11px;	font-family: Sans-Serif; font-weight:bold;}
DIV.navegacion A {color:#f0f0f0;}
DIV.navegacion A:hover {color:#F08A00; text-decoration:none;}
DIV.navegacion IMG { vertical-align:middle; padding: 0px 7px;}
DIV.navegacion a.facebook { margin:0px; padding: 0px; }
DIV.navegacion a.facebook IMG { vertical-align:middle; margin:0px 0px 0px 5px; padding:0px;}

DIV#subnavegacion, DIV#subnavegacionEN, DIV#subnavegacionFR {padding:5px 10px; margin:0px 0px 0px 127px; background:#704100; color:#F08A00; font-size:11px; font-family: Sans-Serif; font-weight:bold;}
DIV#subnavegacionEN {margin-left:120px; }
DIV#subnavegacionFR {margin-left:145px; }
DIV#subnavegacion A, DIV#subnavegacionEN A, DIV#subnavegacionFR A {color:#f0f0f0; margin:0px 10px;}
DIV#subnavegacion A:hover, DIV#subnavegacionEN A:hover, DIV#subnavegacionFR A:hover {color:#F08A00; text-decoration:none;}

DIV.footer {text-align:left; color:#999; padding:10px; background:#333 url(images/backNavegacion.png) repeat-x 0px 0px; font-size:10px;}
DIV.cierre {background:url(images/backFooter.png) no-repeat center bottom; height:12px; width:990px; margin:0px auto; }

DIV.colFlotante { float:right; width:400px; border-width:1px; padding:10px; margin-left:10px;}
DIV.colFlotante H2{ padding-left:0px; }

DIV.idioma { width:auto; padding:5px; margin:0px;  font-size:10px; text-align:right; 
	background:#333 url(images/backIdioma2.png) no-repeat 0px 0px; color:#f08a00; }
a.english, a.spanish, a.frances { padding-right:27px; background-position: right top; background-repeat:no-repeat; }
a.english { background-image: url(images/navegacion/englandFlag.gif);}
a.frances { background-image: url(images/navegacion/franciaFlag.gif);}
a.spanish { background-image: url(images/navegacion/spainFlag.gif);}
DIV.footer DIV.idioma { display:inline;background:#333 url(images/backNavegacion.png) repeat-x 0px 0px;  padding: 2px 5px 2px 350px !important; color:#f08a00;}
DIV.footer DIV.idioma a.english, DIV.footer DIV.idioma a.spanish, DIV.footer DIV.idioma a.frances { background-image:none; padding-right:0px; }


/*================================
home
================================*/
UL.titularesBreves{ list-style-type:none; list-style-position:outside; margin:0px; padding:0px; }
UL.titularesBreves LI {list-style-type:none; list-style-position:outside; margin:0px; margin-right:10px; padding:0px; padding-top:5px; width:228px; border-top:1px dotted #555; }
UL.titularesBreves LI A { display:block; font-size:11px; line-height:13px;/*safari*/ margin-bottom:5px; }

UL.titularesBreves LI.primera { padding:0px; padding-bottom:5px; color:#A35E00; font-size:11px; line-height:13px;/*safari*/ border-top-width:0px; }
UL.titularesBreves LI.primera A {font-size:16px;  line-height:18px;/*safari*/ }
UL.titularesBreves LI.primera DIV.fotoRss {float:left; margin: 0px 10px 0px 0px; padding:0px; }
UL.titularesBreves LI.primera DIV.fotoRss A { margin:0px; padding:0px; border:0px;}
UL.titularesBreves LI.primera DIV.fotoRss A:hover IMG {Filter: Alpha(Opacity=50); -moz-opacity: 0.5; opacity:0.5; }
UL.titularesBreves LI.primera DIV.fotoRss A SPAN {float:left; position:absolute; font-size:14px; z-index:1000; padding:0px 5px; cursor:hand; font-weight:normal;
	background-color:Black; Filter: Alpha(Opacity=50); -moz-opacity: 0.5; opacity:0.5; text-decoration:none;}
UL.titularesBreves LI.primera DIV.fotoRss IMG {border:1px solid #999; margin:0px; padding:0px; }




/*================================
noticias
================================*/

UL.feedNews{ list-style-type:none; list-style-position:outside; margin:0px; padding:0px; }
UL.feedNews LI {list-style-type:none; list-style-position:outside; margin:0px 10px 10px 0px; padding:10px; 
	float:left; width:430px; height:130px; overflow:hidden; border-width:1px; line-height:14px;/*safari*/  }
UL.feedNews LI DIV.fotoRss {float:left; margin: 0px 10px 0px 0px; padding:0px; }
UL.feedNews LI DIV.fotoRss A { margin:0px; padding:0px; border:0px;}
UL.feedNews LI DIV.fotoRss A:hover IMG {Filter: Alpha(Opacity=50); -moz-opacity: 0.5; opacity:0.5; }
UL.feedNews LI DIV.fotoRss A SPAN {float:left; position:absolute; font-size:14px; z-index:1000; padding:0px 5px; cursor:hand; font-weight:normal;
	background-color:Black; Filter: Alpha(Opacity=50); -moz-opacity: 0.5; opacity:0.5; text-decoration:none;}

UL.feedNews LI DIV.fotoRss IMG {border:1px solid #999; margin:0px; padding:0px; }
UL.feedNews LI A { display:block; font-size:14px; line-height:16px;/*safari*/ margin-bottom:5px; }

DIV.masNoticias { text-align:right; font-size:10px; }




/*================================
Apoyo
================================*/


DIV#normasBtn { text-align:right; }
DIV#normasBtn A { text-align:right; background-color:#A35E00; padding:0px 3px; font-size:9px; text-transform:uppercase; }
DIV#textNormas, DIV#textNormasEn { display:none; border-width:1px; margin-bottom:5px; padding:10px; }
DIV#textNormas P, DIV#textNormasEn P { text-align:right; margin:0px; padding:0px;  font-size:9px; text-transform:uppercase; }
DIV#textNormas P A , DIV#textNormasEn P A { background-color:#A35E00; padding:0px 3px;}
DIV.formularioApoyo { text-align:center; }
DIV.formularioApoyo div#comentarioRFV { color:Yellow !important;}
INPUT.nombreInput, TEXTAREA.comentarioTextArea {color:#ccc; font-family:Arial; font-size:22px; width:920px;}
INPUT.nombreInput { margin-top:5px; }
TEXTAREA.comentarioTextArea { height:100px;}

TABLE#comentariosDataGrid { width:100%; border-width:0px !important; margin-top:5px;  }
TABLE#comentariosDataGrid TR TD { width:99%; border-width: 1px 0px 1px 0px !important; padding:5px 0px; }
TABLE#comentariosDataGrid TR TD P { padding:0px; margin:0px; }
TABLE#comentariosDataGrid TR TD P.nombreFecha { font-size:18px; }

TABLE#comentariosDataGrid TR.paginador TD { text-align:right; color:#A35E00; border-width: 1px 0px 0px 0px !important; }
TABLE#comentariosDataGrid TR.paginador TD SPAN {border:1px solid #A35E00; display:inline-block; padding:0px 4px;}
TABLE#comentariosDataGrid TR.paginador TD A {border:1px solid #A35E00; display:inline-block; padding:0px 4px;}

/*================================
Sedes
================================*/
DIV.sede{padding:0px 30px;}
DIV.sede H3 { width:400px; background-color:#704100; color:#f08a00; padding-left:5px; }
DIV.pabellon { float:right; width:400px; border-width:1px; padding:10px; margin-left:10px;}
DIV.pabellon H2{ padding-left:0px; }
DIV.pabellon div#loadarea{ border-width:4px 0px; width:400px; height:250px; }
DIV.pabellon div.miniaturas { background-color:#704100; padding:4px; text-align:center;  }
DIV.pabellon div.miniaturas IMG{ border-width:1px; width:78px; height:49px; cursor:crosshair; }
DIV.pabellon div.miniaturas A { cursor:crosshair; text-decoration:none; }

div.miniaturasCabecera { text-align:center; position:absolute; text-align:right; width:948px; margin-top:342px; z-index:5000;  }
div.miniaturasCabecera IMG{ border:1px solid #fff; width:125px; height:53px; cursor:crosshair; }
div.miniaturasCabecera A { cursor:crosshair; text-decoration:none; /*Filter: Alpha(Opacity=70); -moz-opacity: 0.7; opacity:0.7;*/ }
div.miniaturasCabecera A IMG { Filter: Alpha(Opacity=60); -moz-opacity: 0.6; opacity:0.6;  }
div.miniaturasCabecera A:hover { Filter: Alpha(Opacity=100); -moz-opacity: 1.0; opacity:1.0;  }
div.miniaturasCabecera A:hover IMG { Filter: Alpha(Opacity=100); -moz-opacity: 1.0; opacity:1.0;  }


/*================================
Media
================================*/
div.colIzqMedia {float:left;}
div.colDchaMedia {float:left; margin-left:10px;}
div.wallpapers{ border-width:1px; margin-bottom:10px;}
div.wallpapers H3 { font-weight:normal; padding:10px; margin:0px; border-bottom-width:1px !important; }
div.wallpapers IMG {width:100px; border-width:1px; }
div.wallpapers UL{ float:left; clear:right; margin:10px;padding:0px;  font-size:10px; }
div.wallpapers UL LI { list-style-type:none; list-style-position:outside; text-align:center; }

div.lectorRss { border-width:1px; margin-bottom:10px; }
div.tituloFeed{ text-align:left; font-size:16px; border-width:0px 0px 1px 0px; padding:10px;  }
div.enlace { text-align:right; padding-right:10px; font-size:10px; border-top-width: 1px; }
/*********************************************************************************
Media: YouTube Lector: XSL+Spry. Incluye ESPECIFICACIONES SOBRE SPRY
**********************************************************************************/


.slideYT { margin:5px 0px; padding:0px 2px;	width:auto;	float: left;}
.slideYT .slideYT_controlIzq, .slideYT .slideYT_controlDcha { float:left; }/* este no sobreescribe nada */
.slideYT .slideYT_controlIzq A{ height:100px; width:12px; display:block; background: transparent url(Images/slideYT_controlIzq.png) no-repeat center center }/* este no sobreescribe nada */
.slideYT .slideYT_controlDcha A{ height:100px; width:12px; display:block; background: transparent url(Images/slideYT_controlDcho.png) no-repeat center center }/* este no sobreescribe nada */
.slideYT .slideYT_controlIzq A:hover, .slideYT .slideYT_controlDcha A:hover { background-color:#A35E00; }/* este no sobreescribe nada */


.slideYT .SlidingPanels { width:400px; height: 100px; float: left; margin:0px 1px; }
.slideYT .SlidingPanelsContentGroup { width: 8000em; float: left; }
.slideYT .SlidingPanelsContent { width:400px; height:100px;	float: left; }

.slideYT .content IMG {/* 120x90 por defecto */}


.slideYT .SlidingPanelsContent .content { font-size:10px; width:395px;height: 100px; padding: 0px; margin: 0px auto; text-align:left; background-image:none; } /* este no sobreescribe nada */
.slideYT .SlidingPanelsContent .content A { font-size:12px; width:100px; } /* este no sobreescribe nada */
.slideYT .SlidingPanelsContent .content IMG {  border-width:1px; float:left; margin-right:10px; } /* este no sobreescribe nada */

.SlidingPanelsAnimating * {	overflow: visible !important;}





/*================================
Candidatura
================================*/
DIV.candidatura{padding:0px 30px;}
DIV.candidatura H2 { width:400px; background-color:#704100; color:#f08a00; padding-left:5px; }
DIV.candidatura H3{ font-family:Serif, Times New Roman; font-weight:normal; font-size:20px;  margin:10px 0px 0px 0px; text-align:right; }
DIV.candidatura H4{ font-size:10px; margin:0px; padding:0px; text-align:right;}

/*================================
Candidatura
================================*/
DIV.espana{padding:0px 30px;}
DIV.espana H2 { width:400px; background-color:#704100; color:#f08a00; padding-left:5px; }
DIV.espana H3{ font-family:Serif, Times New Roman; font-weight:normal; font-size:20px;  margin:10px 0px 0px 0px; text-align:right; }
DIV.espana H4{ font-size:10px; margin:0px; padding:0px; text-align:right;}


/*================================
Modelo
================================*/
DIV.modelo{}
DIV.modelo IMG {width:200px; height:160px; z-index:500; margin:0px; cursor:hand; cursor:pointer; /*moz-op-saf-chro*/}

