/*Desarollo de CSS para Grupo Quirola*/
/*Desarrollado por Citric Studio*/
/*No modificar*/

/* General rules */

body{
background-color:#2D0000;
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica;
color:#333333;
font-size:100%;
border-top:#000000 10px solid;
background-image:url(../images/fondo_pagina.gif);
}

img {
padding:0;
margin:0;
}

ul{
padding-top:0;
margin-top:0;
}

p{
padding:0 0 15px 0;
margin:0;
line-height:18px;
}

h1{
font-size:13pt;
color:#C42626;
padding:0 0 10px 0;
margin:0;
}

h2, h3, h4, h5{
font-size:11pt;
color:#333333;
padding:10px 0 10px 0;
margin:0;
}

form{
padding:0;
margin:0
}

hr{
border-bottom:1px dotted #CCCCCC;
height:1px;
color:none;
/*background-color:#333333;*/
}

.separador{
padding:10px 0;
border-bottom:#666666 1px dotted;
}

img.imagenTexto{
float:left;
margin-right:10px;
margin-bottom:2px;
clear:both;
border:1px solid #003366;
}

#content a{
text-decoration:none;
color:#333333;
border-bottom:1px dotted #999999;
font-weight:bold;
padding:0;
margin:0;
}

#content a:hover{
border-bottom:1px dotted #950000;
color:#950000;
}

/* Layout */

#margen{
/*background-color:#FDFAFA;*/
/*border-top:#000000 11px solid;*/
background-image:url(../images/fondo_horizontal.gif);
background-repeat:repeat-x;
margin:0;
padding:0;
}

#wrapper{
width:100%;
height:auto;
margin:0 auto;
padding:0;
font-size:70%;
line-height:18px;

}

.fondoHome{
background-image:url(../images/fondo_horizontal.gif);
background-repeat:repeat-x;
}

.fondoInside{
background-image:url(../images/fondo_horizontal_inside.gif);
background-repeat:repeat-x;
}


#header{
width:950px;
height:auto;
margin:0 auto;
padding:0;
background-color:#950000;
background-image:url(../images/fondo_header.jpg);
background-repeat:no-repeat;
}

#header #flash{
padding:0;
margin:0;
}

#header #logo{
	position:absolute;
	margin:15px 55px 0 50px;
	visibility: visible;
}

#menu{
height:15px;
padding:20px 0;
margin:0;
float:right;
}


#menu ul{
margin-top:5px;
display:inline;
padding:0;

}

#menu ul li {
display:inline;
margin:0 0 0 0;
padding:0;
}

#menu ul li a{
background-image:url(../images/menu_fondo.png);
/*margin-right:0;*/
padding:0 20px 20px 20px;
color:#FFFFFF;
}

#menu ul li a:link{
background-image:none;
}

#menu ul li a:visited{
background-image:none;
}

#menu ul li a:hover{
background-image:url(../images/menu_fondo.png);
background-repeat:repeat-x;
background-position:bottom;
}

#nav{
/*float:right;*/
}

#nav, #nav ul {
padding: 0;
margin: 0;
list-style: none;

}

#nav li {
float: left;
position: relative;
/*width:100%;*/
padding:5px;
/*border: 1px solid #B0C4DE;*/
background-image:url(../images/fondoPulldown.gif);
color: #FFFFFF;
font-weight:bold;
word-spacing:2px;
/*font-size: 80%;*/
/*margin-right: 1em;*/
}

#nav a:link, #nav a:visited {
display: block;
text-decoration: none;
padding-left: 1em;
color: #FFFFFF;
font-weight:normal;
}

* html #nav a {
width: 100%;
/*font-weight:normal;*/
}

#nav ul {
display: none;
position: absolute;
padding: 0;
}
#nav ul li {
border: 0 none transparent;
border-bottom: 1px dotted #CCCCCC;
/*border-top: .5em solid #FFF;*/
font-size: 100%;
margin-bottom: -1px;
margin-top: 1px;

}

#nav li ul{
background-color: #000000;
width:13.2em;
}

#nav li ul li{
width:13.2em;
/*padding:-10px 0;*/
display:block;
}

#nav li ul li a{
padding:2px 5px 2px 2px;
font-size:8pt;
font-weight:bold;
}

#nav li ul li a:hover{
background-color:#666666;
background-image:none;
}

#nav li:hover ul {
display: block;
/*background-image:url(../images/menu_fondo.png);*/
}

/*#nav li ul li ul li{
padding-left:13em;
display:none;
position: absolute;
}

#nav li ul li :hover ul{
display:block;
}
*/

#content{
width:100%;
height:auto;
background-color:#FDFAFA;
float:left;
padding:20px 0 20px 0;
background-position:bottom;
background-repeat:repeat-x;
border-bottom:#2D0000 2px solid;

}

#contentHome{
width:950px;
height:auto;
margin:0 auto;
padding:0;

}

#contentHome #contentIzquierda{
float:left;
width:500px;
margin:0;
padding:0 30px 0 50px;
margin:0;
color:#003366;
}

#contentHome #contentDerecha{
width:289px;
margin:0;
height:auto;
float:right;
padding:0 50px 0 30px;
border-left:#666666 1px dotted;
}


#contentHome #contentIzquierdaInside{
float:left;
width:639px;
margin:0;
padding:0 30px 0 50px;
margin:0;
color:#003366;
}

#contentHome #contentIzquierdaInside p{
padding-top:5px;
}

#contentHome #contentIzquierdaInside p img{
float:left;
margin-right:15px;
margin-bottom:2px;
margin-top:5px;
}

#contentHome #contentIzquierdaInside h1{
border-bottom:1px dotted #CCCCCC;

}

#contentHome #contentDerechaInside{
width:150px;
margin:0;
height:auto;
float:right;
padding:0 20px 0 30px;
border-left:#666666 1px dotted;
}

#submenu{
height:auto;
width:auto;
padding:0;
margin:0;
}

#submenu ul{
padding:0;
margin:0;
}

#submenu ul li {
margin:0;
display:inline;
padding:0;

}

#submenu ul li a{
display:block;
padding:5px 5px 5px 15px;
color:#666666;
text-decoration:none;
background-image:url(../images/arrowSubmenuOver.gif);
background-repeat : no-repeat;
background-position : left;
}

#submenu ul li a:hover{
background-image:url(../images/arrowSubmenu.gif);
background-position:left;
background-repeat:no-repeat;
padding:inherit;
margin:0;
padding:5px 5px 5px 15px;
/*color:#950000;*/
}

#submenu ul li ul li a{
border:none;
background-image:none;
padding-top:2px;
padding-bottom:2px;
margin:0 0 0 10px;
font-weight:normal;
color:#000000;
/*border-left:#cccccc 1px dotted;*/
/*background-color:#EEEEEE;*/
}

#submenu ul li ul li a:hover{
border:none;
margin:0 0 0 10px;
padding-top:2px;
padding-bottom:2px;
background-color:#EEEEEE;
}

/*termina*/


#footer{
clear:both;
height:55px;
width:850px;
margin:0 auto;
padding:20px 0;
color:#FFFFFF;
/*background-image:url(../images/fondo_footer.gif);*/
text-align:center;
/*padding:90px 30px 50px 30px;*/
font-size:90%;
}

#footer p.copyright{
padding-top:20px;
clear:both;
}

#footer ul{
padding:0;
display:inline;
float:left;
margin:0;

}

#footer .submenu li{
float:left;
padding:0 10px;
}

#footer .idiomas{
float:right;
}

#footer ul li{
display:inline;
}

#footer ul li a{
color:#FFFFFF;
text-decoration:none;
}

#footer ul li a:hover{
border-bottom:1px dotted #FFFFFF;
}

#footer .idiomas li{
margin-right:5px;
border-right:none;

}

#footer .idiomas li a{
border:1px dotted #FF5555;
background-color:#530000;
padding:0 10px;
}

#footer .idiomas li a:hover{
border:none;
background-color:#990000;
padding:0 10px;
border:1px dotted #CCCCCC;
}