/*
-----------------------------------------------------------
Titulo:                        Totorani -- index
Autor:                        Francisco Medina fmedina@brahmaproducciones.com
Actualizado:        10 mayo 2007
Version:                1.0
-----------------------------------------------------------
*/
body {
background: #202E51;
margin: 40px 0px 7px;
}
#container {
width: 920px;
margin: 0px auto;
background: url(imgs/bkg-todo.jpg) repeat left top;
}
#kbz {
height: 217px;
}
#logo {
height: 164px;
width: 203px;
float: left;
margin: 10px 0px 0px 15px;
}
#flash {
background-color: #003366;
float: right;
height: 209px;
width: 657px;
}
#kbz2 {
height: 50px;
}
#kbz3 {
background: #FAC237;
margin: 0px 7px;
height: 47px;
text-align: center;
}
#idioma{
                position: absolute;
                top: 260px;
                left: 20px;

        }
        #idioma li  {
        display: inline;
        position: relative;
        padding-left: 10px;
        top: 0px;
        left: 0px;
        border: solid 0px #000;
        margin: 0px;
        }
        #idioma li a{
       font: normal 11px Arial, Times New Roman, serif;
       color: #FFFFFF;
       text-decoration: none;
       padding-left: 0px;
        }
        #idioma li a:hover{
       text-decoration: underline;
        }
#menu {
background: #FFFFFF url(imgs/bkg-menu.jpg) no-repeat center top;
height: 44px;
margin: 0px;
padding: 0px;
}
#menu ul {
margin: 0px;
padding: 0px;
text-align: center;
}
#menu li {
display: inline;
list-style: none;
}
#menu li a {
color: #FFFFFF;
margin: 0px 32px;
text-decoration: none;
font: bold 75%/40px Arial, Helvetica, sans-serif;
}
#menu li a:hover {
color: #FAC237;
text-decoration: none;
}
#cont {
}
#cont #tit {
background: url(imgs/sol.gif) no-repeat right center;
height: 50px;
}
#cont #tit h1 {
color: #993300;
border-bottom: 1px solid #993300;
text-align: right;
margin-right: 50px;
font: normal 130% Arial, Helvetica, sans-serif;
margin-top: 25px;
}
#cont p {
font: 75% Verdana, Arial, Helvetica, sans-serif;
margin-right: 20px;
text-align: justify;
}
#cont #txts {
width: 480px;
float: left;
}
#cont #txts1 {
width: 840px;
float: left;
margin-left: 20px;
}
#txts #tit2 {
background: url(imgs/sol.gif) no-repeat left center;
height: 60px;
margin-left: 15px;
}
#txts1 #tit2 {
background: url(imgs/sol.gif) no-repeat left center;
height: 60px;
margin-left: 15px;
}
#txts #tit2 h1 {
border-bottom: 1px solid #993300;
text-align: left;
color: #990000;
font: 130% Arial, Helvetica, sans-serif;
margin: 15px 0px 0px 50px;
}
#txts1 #tit2 h1 {
border-bottom: 1px solid #993300;
text-align: left;
color: #990000;
font: 130% Arial, Helvetica, sans-serif;
margin: 15px 0px 0px 50px;
}
#txts p {
font: 80% Arial, Helvetica, sans-serif;
margin-left: 35px;
}
#txts h2 {
font: 100% Arial, Helvetica, sans-serif;
margin-left: 155px;
}
#txts h4 {
font: 75% Arial, Helvetica, sans-serif;
margin-left: 35px;
text-decoration: none;
color: #666666;
}
#txts h3 {

text-align: center;
color: #990000;
font: 110% Arial, Helvetica, sans-serif;
margin: 15px 0px 0px 50px;
}
#formulariocontacto .rotulo{
               width: 150px;
               float: left;
               margin-top: 5px;
        }
        #formulariocontacto .detalle{
              margin-top: 3px;
        }
#cont #fotos {
width: 390px;
float: right;
}
#pie {
margin: 0px;
padding: 3px 0px;
}
#pie p {
font: 70% Arial, Helvetica, sans-serif;
color: #FFFFFF;
text-align: center;
text-decoration: none;
margin: 0px;
padding: 0px;
}
#pie a {
color: #FFFFFF;
text-decoration: none;
}
#pie a:hover {
text-decoration: underline;
}
.foto-izq {
        padding: 10px;
        text-align: center;
        width: 375px;
        border: 1px solid #CCCCCC;
        background: #FFFFFF;
        float: left;
        margin: 30px 10px 10px;
}
.foto-der {
        padding: 10px;
        text-align: center;
        width: 305px;
        border: 1px solid #CCCCCC;
        background: #FFFFFF;
        margin: 10px;
}
.foto-gal {
        padding: 10px;
        text-align: center;
        width: 250px;
        border: 1px solid #CCCCCC;
        background: #FFFFFF;
        margin: 10px;
}
.foto-tit {
        color: #999999;
        text-align: right;
        font: italic 75% Arial, Helvetica, sans-serif;
        padding-right: 10px;
}