/* 
Document   : EstiloInicio
Created on : 17/11/2009, 13:58:17
Author     : hector
Description:
Purpose of the stylesheet follows.
*/

/* 
TODO customize this sample style
Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
body{
    FONT-SIZE: 0.7em;
  
    COLOR: #333333;
    background-color:#FFFFFF;
    padding: 0;

    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif



}
A:link
{
    COLOR: #003366;
    TEXT-DECORATION: underline
}
A:visited
{
    COLOR: #003366;
    TEXT-DECORATION: underline
}
A:hover
{
    COLOR: #42516D;
}
A:active
{
    COLOR: #F8360F;
    TEXT-DECORATION: underline
}

P
{

    LINE-HEIGHT: 120%;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
h1
{
    font-size: 1.3em;

    text-align:left;
    text-transform:inherit;
}

h2
{
     font-size: 1.2em;
    text-align:left;
    text-transform:inherit;
    font-weight: bold;
}

h3
{
    FONT-WEIGHT: bold;

    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

h4
{

    FONT-STYLE: italic;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}



hR
{
    COLOR: #6699CC;
}

root {
    display: block;
}


#header {
    padding:0em;    
    background-image: url('pedazo.png');
    background-repeat:repeat-x;
    background-color: #475677;
    height: 10em;
    width: 99%;
    
}


#headerizquierdo{
    height: 99%;
    background-image: url('encabezadoizquierdo.png');
     width: 59em;
    background-color: #475677;
    float:left;
}

#headerderecho{
    height: 99%;
    background-image: url('encabezadoderecho.png');
   width: 6em;
    background-color: #475677;
    float:right;
}

#leftBar {

    float: left;
    width: 19%;
    height: 100%;

}

#container {   
    background-color:#FFFFFF;     
    border-width: thin;
    border-color: #4C587B;
    height: 70%;
    width: 100%;
}


#content {
    float:left;
    width:80%;
    height:70%;
    background-repeat:no-repeat;
    background-position:center;
    text-align:justify;
    padding:0% 2% 2% 2%;


}

.novedad{
    margin:3%;

    text-align:justify;
    border-bottom-style:solid;
    border-bottom-color:#DDD8D6;
    padding-bottom:2%;
    border-bottom-width:thin;
}


.rightBar {
    float:right;
    padding:0em;
    margin-top:inherit;


    float:left;
    width: 15%;
    height: 100%;


}

.rightBar img {
    float:left;
    height:5.5em;
    width:14em;
    border-style:none;


}



.cuadroderecha {
    float:right;
    padding-top:1em;
    
     border-style:none;

}


.EstiloSlogan{
    color: #FFFFFF;
    font-size:  1.2em;
    text-align:right;
}


.footer {
    margin-top: 1%;
    padding-top:1%;
    padding-bottom:1%;
    border-color: #3A485F;
    
    float:left;
    border-style: solid;
    border-width:  medium;

    background-repeat:repeat-x;
  
    text-align:center;
    
    position: relative;
    background-image: url('pedazoInicio.png');
    height: 10%;

      width:99%;
      color:white;
}
.footer p {
    margin: 0;
    

}
.footer img {
   border:0;
        width:6em;
        float:right;

}

.tsosunc h2{
    color: #6B7FA2;
   
}

.tturismo h2{
    color: #5C8462;
    
}
.TNovedadteatro h2{
    color: #C8A871;
    
}
.tarte h2{
    color: #8B875E;
   
}
.tinstitucional h2{
    color: #BD2A1F;
   
}

.tsosunc h1{ color: #586985;
   
}

.tturismo h1{ color: #4F7255;
   

}
.tarte h1{ color: #8B875E;
  
}

.tteatro h1{ color: #9D8359;
    

}
.tinstitucional h1{ color: #BD2A1F;
    

}

.tfecha{ color: #B6B6B6;
    font-size:  1.0em;
    text-transform:none;

}

.TituloNovedad{
    color: #516589;
    font-size: 1.2em;
    text-align:left;
    text-transform:capitalize;
}



.about{float:left;width:49%; margin-top:1em;

}

.about ul{ margin-left:auto;
    text-align:left;
    list-style-type:none;
    padding:0;
}

.about ul li{float:left;
    padding: 5em 1em 2em 2em;
    margin:2em 2em 0 0;
    list-style-type:none;
    margin-top:2em;
    padding:0;
    float:left;
    position:relative }

.about li{background-color:#FFFFFF;}

.cuadrobuscador {
    
    margin-top:30%;
    margin-right:30%;
    float:right;
    
}

.botonlogin{
   float:right;

}
.texfiellogin{
    float:right;
  


}
.imagenGaleria{
  position: relative;
        float:right;
        margin-left:1em;
        height:7em;
        width:7em;
        
}

.divHeader{

  border: solid 0em #414141;
        margin-bottom:3em;
       
        margin-bottom:3.5em;
}
.imagenclase{

  float:left;
  width:28em;
  height:22em;
}