*{
margin:0;
padding:0;
list-style:none;
border:none;
text-decoration:none;
outline:none;
}

html, body{
width:100%;
height:100%;
left:0;
top:0;
font-family: "verdana";
font-size:12px;
color: #6b6b6b;
background: #F7F8F8;
}

#container{
position:relative;
left:0;
top:0;
width:100%;
min-height:250px;
overflow:hidden;
_height:250px;
_overflow:visible;
background: url(../images/unino/cabecera.png) repeat-x left top;
}

#container #header{
position:relative;
width:100%;
height:101px;
overflow:hidden;
}

#container #header #trueheader{
position:relative;
left:0;
top:0;
left:50%;
width:1000px;
height:101px;
margin-left:-500px;
overflow:hidden;
}

#container #header #trueheader ul.menu{
position:absolute;
height:48px;
overflow:hidden;
width:690px;
margin-top:53px;
margin-left:320px;
}

#container #header #trueheader ul.menu li{
display:block;
position:relative;
float:left;
width:115px;
height:48px;
overflow:hidden;
}


#container #header #trueheader ul.menu li a{
display:block;
position:relative;
width:115px;
height:48px;
text-align:center;
line-height:48px;
font-size:10px;
text-transform: capitalize;
font-family: verdana;
color:#fff;
}

#container #header #trueheader ul.menu li a:hover{
background: url(../images/unino/houver.png) repeat-x left top;
color: #3b3b3b;
font-weight:bold;
}

#container #temadia{
position:relative;
left:0;
top:0;
left:50%;
margin-left:-500px;
width:1000px;
overflow:hidden;
height:148px;
}

#container #temadia div{
position:relative;
width:452px;
height: 125px;
background: url(../images/unino/fondoo.png) no-repeat left top;
margin-left:500px;
margin-top:15px;
}

#container #temadia div h3{
position:relative;
color: #fff; 
text-indent:-9999px;
}

#container #temadia div a{
display:block;
position:absolute;
width:100%;
height:100%;
overflow:hidden;
text-indent: -9999px;
}

#container #otromas{
position:relative;
left:0;
top:0;
left:50%;
margin-left:-500px;
width:1000px;
overflow:hidden;
height:153px;
overflow:hidden;
}


#container #otromas #interino{
position:relative;
width:500px;
height:153px;
overflow:hidden;
padding-left:50px;
}

#container #otromas a.logriu{
display:block;
position:absolute;
width:195px;
height:73px;
margin-top:45px;
margin-left:550px;
}

#container #otromas a.logriu2{
display:block;
position:absolute;
width:202px;
height:73px;
margin-top:45px;
margin-left:745px;
}

#container #temadia a.logriu{
display:block;
position:absolute;
width:195px;
height:73px;
margin-top:45px;
margin-left:550px;
}

#container #temadia a.logriu2{
display:block;
position:absolute;
width:202px;
height:73px;
margin-top:45px;
margin-left:745px;
}

#container #otromas #interino h3{
color: #3b3b3b;
width:100%;
height:30px;
line-height:30px;
font-size:22px;
text-transform:none;
font-family: "times new roman";
font-style: oblique;
}

#container #otromas #interino p{
color: #3b3b3b;
width:500px;
text-align:justify;
margin-bottom:8px;
font-size:13px;
}



#container #multimed{
position:relative;
left:50%;
top:0;
width:1000px;
margin-left:-500px;
height:250px;
overflow:hidden;
margin-top:10px;
}

#container #multimed #s3slider { 
   width: 670px; /* important to be same as image width */ 
   height: 250px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   border: 1px solid #cdcdcd;
   z-index:10;
   float:left;
}

#container #multimed #s3slider #s3sliderContent {
   width: 670px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
   background: #cdcdcd url(../images/fotos/load.gif) no-repeat center center;
   }

#container #multimed #s3slider #s3sliderContent  .s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
   margin-left:0px;
}

#container #multimed #s3slider #s3sliderContent  .s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: verdana;
   padding-top:5px;
   padding-bottom:5px;
   padding-right:10px;
   width: 720px;
   font-weight:bold;
   font-size: 12px;
   background-color: #fff;
   filter: alpha(opacity=0); /* here you can set the opacity of box with text */
   -moz-opacity: 0; /* here you can set the opacity of box with text */
   -khtml-opacity: 0; /* here you can set the opacity of box with text */
   opacity: 0; /* here you can set the opacity of box with text */
   color: #000;
   display: none; /* important */
   top: 0;
   text-align: center;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       -> the box with text will be shown at the bottom of the image
   */
   
   top: 0; 
}

.clear {
   clear: both;
}



#container #multimed #derek{
position:relative;
left:0;
top:0;
width:326px;
height:250px;
float:left;
}

#container #multimed #derek object,
#container #multimed #derek embed{
display:block;
margin:auto;
}

#container #multimed #derek h3{
text-align:center;
color: #fff;
background: #ec008c;
-moz-border-radius:3px;
-webkit-border-radius:3px;
width:300px;
margin: auto;
height:20px;
line-height:  20px;
margin-bottom:6px;
}

#container #columnas{
position:relative;
left:50%;
top:0;
width:999px;
margin-left:-499px;
min-height:200px;
padding-bottom:20px;
overflow:hidden;
_height:200px;
_overflow:visible;
margin-top:20px;
padding-top:8px;
border-top: 1px solid #cfcfcf;
}

#container #columnas div.col{
position:relative;
width:332px;
min-height:200px;
overflow:hidden;
border-right: 1px solid #cfcfcf;
_height:200px;
_overflow:visible;
float:left;
}

#container #columnas div.col a.costao{
display:block;
position:relative;
width:300px;
height:80px;
overflow:hidden;
margin-left:16px;
margin-bottom:20px;
margin-top:10px;
}

#container #columnas div.col div#iconsoc{
position:relative;
width:300px;
height:24px;
overflow:hidden;
margin-left:16px;
margin-bottom:20px;
margin-top:20px;
padding-top:3px;
padding-bottom:3px;
border-top: 1px solid #cfcfcf;
border-bottom: 1px solid #cfcfcf;
}

#container #columnas div.col div#iconsoc a{
display:block;
position:relative;
float:left;
margin-left:26px;
margin-right:25px;
}

#container #columnas div.col a.costao:hover{
border: 1px solid #00aeef;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin-bottom:19px;
margin-top:9px;
margin-left:15px;
}

#container #columnas #nots{
border:none;
}

#container #columnas div.col div.interno{
position:relative;
width:300px;
min-height:20px;
overflow:hidden;
_height:20px;
_overflow:visible;
margin:auto;
border-bottom:1px solid #cfcfcf;
text-align:justify;
margin-bottom:10px;
padding-bottom:5px;
font-size:11px;
}

#container #columnas div.col div.interno h3{
font-family: "times new roman";
font-size:20px;
font-style: oblique;
color: #00aeef;
margin-bottom:7px;
text-align:left;
}

#container #columnas div.col div.interno h6{
font-family: "times new roman";
font-size:13px;
font-style: oblique;
color: #3b3b3b;
margin-bottom:7px;
text-align: left;
}

#container #columnas div.col div.interno p{
color: #3b3b3b;
margin-bottom:7px;
}



#container #columnas div.col div.interno strong,
#container #columnas div.col div.interno a{
color: #00aeef;
}

#container #columnas div.col div.interno a:hover{
background: #00aeef;
color: #fff;
}

#container #columnas div.col div.interno span{
display:block;
margin-bottom:5px;
color: #3b3b3b;
text-indent:9px;
text-align:justify;
background: url(../images/unino/bolita.png) no-repeat left 4px;
}

#container #columnas div.col div.interno h5{
font-family: "times new roman";
font-size:13px;
font-style: oblique;
margin-top:7px;
color: #00aeef;
margin-bottom:3px;
text-align:left;}

#container #columnas div.col div.interno a.ling{
display:block;
margin-bottom:10px;
}

#logoenc{
position:absolute;
z-index:100;
left:50%;
margin-top:20px;
margin-left:-450px;
}

#container #footer{
position:relative;
left:0;
top:0;
width:100%;
min-height:267px;
overflow:hidden;
_height:267px;
_overflow: visible;
background: url(../images/unino/fouta.png) repeat-x left bottom;
}

#container #footer #truefooter{
position:relative;
left:50%;
top:0;
height:267px;
width:1000px;
margin-left:-500px;
}

#container #footer #truefooter h3{
position:relative;
float:left;
margin-right:35px;
font-size:23px;
font-family: "times new roman";
font-style:oblique;
margin-top:170px;
color: #3b3b3b;
}

#container #footer #truefooter ul{
position:relative;
float:left;
margin-right:20px;
margin-top:120px;
margin-left:10px;
}

#container #footer #truefooter ul li{
display:block;
margin-top:5px;
height:16px;
}


#container #footer #truefooter ul li a{
display:block;
height:16px;
color: #3b3b3b;
line-height:16px;
font-size:12px;
font-weight:bold;
font-family: "times new roman";
padding:3px;
}

#container #footer #truefooter ul li a:hover{
background:#00aeef;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
color: #fff;
}

#container #footer #truefooter #explis{
position:absolute;
margin-top:60px;
color: #3b3b3b;
}

#container #contenidos{
position:relative;
left:50%;
min-height:250px;
margin-left:-500px;
overflow:hidden;
_height:200px;
_overflow:visible;
margin-top:14px;
margin-bottom:20px;
}

#container #contenidos #isq{
position:relative;
width:699px;
min-height:250px;
overflow:hidden;
_height:250px;
_overflow:visible;
float:left;
border-right: 1px dotted #babab9;
}

#container #contenidos #isq ul#fotex{
position:relative;
width:592px;
min-height:40px;
overflow:hidden;
_height:40px;
_overflow:visible;
padding-bottom:10px;
}

#container #contenidos #isq ul#fotex li{
display:block;
margin-left:10px;
width:138px;
height:150px;
overflow:hidden;
float:left;
margin-bottom:15px;
}

#container #contenidos #isq ul#fotex li a{
display:block;
position:relative;
width:138px;
height:150px;
margin:0;
padding:0;
}

#container #contenidos #isq ul#fotex li a:hover{
background:none;
}

#container #contenidos #isq #multimedo{
position:relative;
width:699px;
height:427px;
background: url(../images/serra/multimedia.png);
}

#container #contenidos #isq #multimedo a.murt{
display:block;
position:absolute;
}

#container #contenidos #isq #multimedo a#mtres{
margin-top:260px;
margin-left:515px;
}

#container #contenidos #isq #multimedo a#mdos{
margin-left:430px;
}

#container #contenidos #isq #multimedo a#muno{
margin-top:100px;
margin-left:0px;
}

#container #contenidos #isq h2{
font-family: "times New roman";
color: #00aeef;
height:30px;
font-size:20px;
line-height:30px;
font-style: oblique;
margin-left:50px;
}

#container #contenidos #isq a{
font-family: "times New roman";
color: #00aeef;
height:30px;
font-size:14px;
line-height:30px;
font-style: oblique;
margin-left:50px;
padding:3px;
}

#container #contenidos #isq span{
display:block;
font-family: "times new roman";
color: #3b3b3b;
font-size:12px;
margin-left:60px;
padding:3px;
border-bottom: 1px dashed #cfcfcf;
width:550px;
margin-top:5px;
text-align:justify;
}

#container #contenidos #isq a:hover{
color: #fff;
background: #00aeef;
-moz-border-radius:3px;
-webkit-border-radius:3px;
font-weight:bold;
}

#container #contenidos #isq p{
font-family: "times New roman";
color: #3b3b3b;
font-size:14px;
font-style: oblique;
margin-bottom:10px;
width:600px;
text-align: justify;
margin-left:50px;
}

#container #contenidos #isq p.neo{
font-family: "times New roman";
color: #3b3b3b;
font-size:14px;
margin-bottom:10px;
font-weight:bold;
text-align:center;
width:600px;
margin-left:50px;
}

#container #contenidos #isq a.imara{
background:none;
margin-left:140px;;
}

#container #contenidos #dere{
position:relative;
width:300px;
min-height:250px;
overflow:hidden;
_height:250px;
_overflow:visible;
float:left;
}

#container #contenidos #dere h3{
font-family: "times new roman";
height:40px;
font-size:22px;
line-height:40px;
font-weight:100;
color: #444444;
padding-left:60px;
margin-top:10px;
margin-bottom:15px;
margin-left:10px;
}

#container #contenidos #dere h3#uytr{
background: url(../images/unino/tarjeta.gif) no-repeat left center;
}

#container #contenidos #dere h3#uyt{
background: url(../images/unino/cuentos.gif) no-repeat 10px center;
}

#container #contenidos #dere ul li{
height:16px;
margin-left:50px;
border-bottom: 1px dotted #6b6b6b;
margin-bottom:5px;
}

#container #contenidos #dere ul li a{
display:block;
width:100%;
height:100%;
line-height:16px;
color: #6e7b4c;
padding-left:10px;
}

#container #contenidos #dere ul li a:hover{
color: #3b3b3b;
background: #eaebe7;
font-weight:bold;
}