/*Desarollo de CSS para liris.com.ec*/
/*Desarrollado por Citric Studio*/
/*No modificar*/

/* General rules */

body{
background-color: #022F5E;;
margin:0;
padding:0;
color:#333333;
font-family:"Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica;
font-size:100%;
}

p{
padding-top:0px;
margin-top:0;
}

h1{
color:#009F00;
font-size:14px;

}

h2{
font-size:95%;
padding:5px 0 5px 0;
margin:0;
color:#CC9900;
}

a{
font-weight:bold;
text-decoration:none;
color:#000000;

}

a:hover{
font-weight:bold;
text-decoration:none;
color:#000000;
border-bottom:1px dotted #C0c0c0;
}

/* Layout */

#wrapper{
width:980px;
height:auto;
margin:0 auto;
padding:0;
font-size:80%;
line-height:18px;
}

#menu{
background-color:#00AC00;
height:57px;
background-image:url(../images/fondoMenu.jpg);
background-repeat:repeat-x;
border-bottom:3px solid #00204F;
}

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

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

#menu ul li a{
margin-right:-5px;
}

#menu ul li a:hover{
border:none;
}

#header{
background-color:#004EC0;
}

#headerContent{
width:auto;
height:185px;
background-color:#CFEFFF;
}

/*contenido home*/
#contentHome{
background-color:#FFFFFF;
background-image:url(../images/fondoContent.gif);
background-repeat:repeat-x;
width:920px;
height:auto;
padding:30px 30px 10px 30px;
float:left;
}

#contentHome #contentWelcome{
width:600px;
height:auto;
padding:0 40px 0 0;
margin:0;
float:left;
border-right:#00A500 dotted 1px;
}

#contentHome #clientesHome{
width:230px;
float:left;
padding:0 0 0 30px;
margin:0;
}

#contentHome #clientesHome p{
padding:0 0 15px 0;
margin:0;
}

/*contenido interno*/



#headerContent p{
padding:140px 0 0 30px;
}

.headerCompania{
background-image:url(../images/headerCompania.jpg);
background-repeat:no-repeat;
}

.headerProductos{
background-image:url(../images/headerProductos.jpg);
background-repeat:no-repeat;
}

.headerServicios{
background-image:url(../images/headerServicios.jpg);
background-repeat:no-repeat;
}

.headerContacto{
background-image:url(../images/headerContacto.jpg);
background-repeat:no-repeat;
}

.headerNoticias{
background-image:url(../images/headerNoticias.jpg);
background-repeat:no-repeat;
}

#content{
background-color:#FFFFFF;
background-image:url(../images/fondoContent.gif);
background-repeat:repeat-x;
width:880px;
height:auto;
padding:0px 30px 10px 70px;
float:left;

}

#content #contentLeft{
float:left;
width:530px;
padding:0 70px 0 0;
margin:0;

}

#content #contentLeft img{
float:left;
margin:0 20px 10px 0;
}

#content #contentRight{
width:277px;
height:auto;
float:right;

}

#submenu{
height:auto;
width:277px;
background-image:url(../images/fondoSubmenu.gif);
background-repeat:repeat-y;
padding:0;
margin:0;
}

#submenu ul{
margin:10px 25px;
padding:0;
}

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

#submenu ul li a{
display:block;
padding:5px 0 5px 15px;
color:#666666;
text-decoration:none;
border-bottom:#00A500 1px dotted;
background-image:url(../images/submenuArrow.gif);
background-position:left;
background-repeat:no-repeat;
font-weight:normal;
}

#submenu ul li a:hover{
background-image:url(../images/fondoSubmenuOver.gif);
background-repeat:repeat-y;
padding:5px 0 5px 35px;
margin:0 0 0 -20px;
text-decoration:none;
color:#FFFFFF;
font-weight:normal;
}

#noticias{
padding:0 0 0 15px;
font-size:95%;
}

#noticias p{
margin:0;
padding:7px 0;
}

#noticias a{
text-decoration:underline;
font-weight:bold;
color:#282828;
background-image:url(../images/arrow.gif);
background-position:left;
padding-left:20px;
background-repeat:no-repeat;
}

#noticias .linea{
border-bottom:#00A500 1px dotted;
padding:0;
margin:0;
}

/* fin contenido interno */

#footer{
clear:both;
height:10px;
background-image:url(../images/fondoFooter.gif);
color:#FFFFFF;
background-repeat:no-repeat;
padding:90px 30px 50px 30px;
font-size:90%;
}

#footer p{
width:350px;
float:left;
}

#footer ul{
padding:0 0 0 0;
width:auto;
display:inline;
margin:0;
float:right;
}

#footer ul li{
display:inline;
padding:0 10px;
border-right:1px solid #FFFFFF;
}

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

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

#firma{
width:100%;
clear:both;
padding:5px 0;
margin:0;
text-align:center;
}