* { 
    padding: 0; margin: 0;
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
}


html,
body
{
	height:100%;
    background-image: url('../img/fondo.jpg');
    /*overflow-x: hidden;*/
}

#wrapper { 

    margin: 0 auto;
    width: 1040px;
 
    min-height:80%;
    position:relative;
}
 
#header {
    width: 1040px;
    background: black;/*#d4d700;*/
    height: 120px;
    font-size: 13px;
    font-weight: bold;
}

#header_info {
     
    font-size:16px; 
    font-weight: bold; 
    float: right; 
    text-align: right;
    margin-right: 5px;
    padding: 10px;
    text-align: left;
    vertical-align: top;
}

#header_info a, #header_info p {
    vertical-align: top;
    text-align: left; 
    color:white;
}
    
div#superior{
	/*padding-left: 15px;
    background: white;
    margin: 0;
    width: 1025px;
    /*border-bottom: 2px inset black;*/
    /*-moz-box-shadow: 2px 2px 3px #bbbaba;
    -webkit-box-shadow: 0px 0px 0px #bbbaba;
    box-shadow: 4px 4px 5px #bbbaba;*/
}

div#superior .titulo{
    
    background: white;
    margin: 20px 0 15px 0;
    width: 1025px;
    padding: 5px 0px 5px 15px;
	float:left;
	/*line-height: 48px;*/
	font-size:24px;
	font-weight: bold;
	color:#8a8c05;
    border-bottom: 5px solid #000;
    
}

#navigation{
    
    background-image: url('../img/bg_navidation.png');
    background-repeat: repeat-x;
    height:120px;
    width: 100%; 
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter: alpha(opacity=40);
	-moz-opacity:0.4;
	-khtml-opacity: 0.4;
    opacity: 0.4;
    position: fixed;
    margin-top: 120px;
    
}

#content { 
    margin: 20px 10px 10px 10px;
    background: #f9f8f3 -20px;
    width: 640px;
    float: left;
    
}



/*barra lateral ofertas diarias*/
.content_lateral_info {
    
    
    float: left;
    width: 270px;
    color: black;   
    height: 100%;
    background: url('../img/bg-body.png') repeat-x top #d5d5d3;
    position: relative;
    border:1px solid #D6D6D6;
}

.separador_lateral{
    width: 200px;
    text-align: center;
    margin: 10px 0px 0px 26px;
    border-bottom: 2px dashed #CCC;
}

.content_lateral_info .titulo{

	font-size:14px;
	font-weight: bold;
    color:#d4d700;
    background: /*#2d1209*/ black url("../img/banda.png") no-repeat right;
    padding: 10px;
    line-height: 40px;
}

.content_lateral_info .info{
    text-align: justify;    
    padding: 12px;
    font-size: 13px;
    margin-bottom: 15px;
}


.content_lateral_info .info ul, .info li{
    
    text-align: justify;
   
    /*margin: 15px 0 0 15px;*/
    list-style: circled-decimal;
    margin-left: 15PX;    
    
}


/*ofertas diarias*/
.content {
    width: 720px;
    background: #F7FBF8;
    float: left;
    margin-right: 10px;
    padding: 15px;
    height:100%; /* fix height to 100% for IE */
    border:1px solid #D6D6D6;
}

.content_intro{
	margin:65px 0 50px 0;
    padding: 0 30px 0 30px;
    font-size:14px;
	text-align: justify;
}



.content_inicio {
    border: 1px solid #CCC;
    background: white;
    float: left;
    width: 700px;
    padding: 10px;
}

.content_inicio #titulo{
    font-size: 20px;
    font-weight: bold;
    color: #a7a904;
    margin-bottom: 10px;

}

/* contacto*/
.content_contacto{
    float: left;
    width:600px;
    background: white;
    padding: 13px;
    border:1px solid #D6D6D6;
}

/* servicios */
.content_servicios{
    float: left;
    width:670px;
    background: white;
    padding: 13px;
    border:1px solid #D6D6D6;
    text-align: justify;
}

.content_servicios_title{
    /*background: transparent url("../img/bg_contacto_title.png") no-repeat center;*/
    background: white;
    float: left;
    width:1010px;
    min-height: 145px;
    margin-bottom: 20px;
    padding: 15px;
    font-size: 34px;
}

.content_servicios p{
    font-size: 20px; 
    font-weight: bold;
    text-transform: uppercase;
    margin: 15px 0 15px 0;
}

.content_servicios h1{
    font-size: 20px; 
    font-weight: bold;
    text-transform: uppercase;
    
}
.content_servicios img{
    padding:20px;
    
}

.content_servicios_title .logo{
    background: transparent url("../img/loguito.png") no-repeat center;
    width: 142px;
    min-height: 145px;
    
}

.content_servicios_title p{
    padding: 5px 35px 0 25px;
    margin-left: 160px;
}

.content_servicios_title span{
    color: red;
    font-weight: bold;
}


.content_servicios li{
    list-style: circle;
    
}

.content_servicios_lateral_info {
    
    float: left;
    width: 330px;
    color: black;   
    height: 100%;
    background: url('../img/bg-body.png') repeat-x top #d5d5d3;
    border:1px solid #D6D6D6;
    margin-left: 10px;
    line-height: 30px;
    min-height: 1000px;
    text-align: justify;
}


.content_servicios_lateral_info .titulo{

	font-size:14px;
	font-weight: bold;
    color:#d4d700;
    background: /*#2d1209*/ black url("../img/banda.png") no-repeat right;
    padding: 10px;
    line-height: 40px;
}

.content_servicios_lateral_info .info{
    text-align: justify;    
    padding: 12px;
    font-size: 13px;
    margin-bottom: 15px;
}


.content_servicios_lateral_info .info ul, .info li{
    
    text-align: justify;
   
    /*margin: 15px 0 0 15px;*/
    list-style: circled-decimal;    
    
}

/*contacto*/
.content_contacto_lateral{
    
    margin-left: 10px;
    float:left;
    width:370px;
    height: 100%;
    font-size:14px;
    background: #f7fbf8;
    padding: 14px;
    line-height: 30px;
    min-height: 1000px;
    text-align: justify;
    border:1px solid #D6D6D6;
}

.content_servicios_lateral{
    
    margin-left: 10px;
    float:left;
    width:300px;
    height: 100%;
    font-size:14px;
    background: #f7fbf8;
    padding: 14px;
    line-height: 30px;
    min-height: 1000px;
    text-align: justify;
    border:1px solid #D6D6D6;
    font-size: 17px;
}

.content_servicios_lateral .title{
    
    font-size:22px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 18px;
}

.content_servicios_lateral .title_p{
    
    font-size:16px;
    font-weight: bold;
    margin-top: 18px;
}

.content_servicios_lateral ul{
    list-style-type: none;
}

/* trasnparencias */

.shadow {
	-moz-box-shadow: 2px 2px 4px #e1e0dd;
	-webkit-box-shadow: 2px 2px 4px #e1e0dd;
	box-shadow: 2px 2px 4px #e1e0dd;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#e1e0dd')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#e1e0dd');
}

.shadow_1 {
	-moz-box-shadow: 2px 2px 4px #e1e0dd;
	-webkit-box-shadow: 2px 2px 4px #e1e0dd;
	box-shadow: 2px 2px 4px #e1e0dd;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#e1e0dd')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#e1e0dd');
}



.content_info{
    float: left;
    width:1010px;
    background: white;
    padding: 15px;
}

/*** Footer : Start ********************/
.pie {
    margin-top: 15px;
    background-color: #babaac;
    height: 8px;
    float: left;
    width: 100%;
    
}

.pie_secciones {
    width: 100%;
    background-color: #ebebe9;
    float: left;
    text-align: center;
}

.pie_secciones ul li, .pie_secciones ul li a {
    padding: 6px;
    display: inline;
    color: #919309;
    list-style:none;
    text-decoration: none;
    font-size: 12px;
    margin-bottom: 10px;
}


.pie_secciones ul li a:hover{
   color: #797a1d;
}

.pie_secciones li .separator{
    padding-left: 5px;
    padding-right: 5px;
}

/*** Footer : End **********************/


/* menu*/
img {border:0; margin:0; padding:0;}

#contenido {
    text-transform: uppercase;
    width: 650px;
    margin: 0 auto;
    /*min-height: 100%;*/
    height: auto !important;
}

.logo {
    width: 320px;
    /*height:130px;*/
    float: left;
    border: none;
}

.logo img{
    border-right: 1px solid #a6a808;
}

.menu {
    width: 450px;
    height: 120px;
    float: left;
    text-align: center;
    
}
    
.menu li a {
    text-decoration: none;
    padding: 59px 0 43px 0;
    width: 100%;
    text-align: center;
    outline: none;
    display: block;
    font-size: 1.1em;
    color: #3a792e;
}

.menu li {
    margin: 0;
    float: left;
    width: 100px;
    background: #d4d700;
    border-right: 1px solid #a6a808;
    list-style:none;
    height: 120px;
}

.menu li.currentPage a{
    color: black;
    font-weight: bold;
    background:transparent url('../img/bg-nav.png') repeat-x left -140px;
}

.menu .activo a{
	padding: 1px; 
    border: 0px solid #666666;
    background: transparent url('../img/current_page.png') no-repeat; 
}

.menu li a:hover {
    color:#000; background:url('../img/bg-nav.png') repeat-x left 0px;
}