@charset "utf-8";
/*  */
/* Author: Ing. Roberto Villa Tumoine */
/* Implementacion sitio Dagal */
/*  */
/* Agosto 2012 */
/*  */
body { 
 margin:0; padding:0;
 background-color:#f2f2f2;
 font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:12px;
}
img { border:none;}
h1 { margin-top:30px; text-align:center; width:100%;}

.Encabezado { max-width:980px; margin-top:30px; margin-left:auto; margin-right:auto; margin-bottom:10px; 
/*height:52px;
background:url(../imagenes/Dagal_170x36_opt.gif) no-repeat scroll;*/
height:72px;
background: url(../imagenes/dagal-85-x72.fw.png) no-repeat scroll;
}   

.Encabezado #liga-esr {	position: relative;	top: 5px; left: 136px;	width: 30px; height: 20px; background-color: transparent; }

article { color:#333; max-width:980px; min-width:323px; margin-top:20px; margin-left:auto; margin-right:auto; }
article .columnax3 { width:33%; min-width:323px; margin-right:0.25%; margin-bottom:1%; float:left; background-color:#f2f2f2;
					/* -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;*/ margin-top:50px; opacity:0.85;}
article .columnax3 h3 { color:#343426; font-size:12px; margin:10px 0px 10px 0px; display:block; text-align:center; }
article .columnax3 p  { margin:10px 13px 20px 10px; text-align:justify; text-indent:10px; }
article .columnax3 img { margin-bottom:30px; width:280px; display:block; margin-left:auto; margin-right:auto; box-shadow: 0px 10px 8px #888888;
                         -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;}
article .columnax3 li  { margin:0; padding:0;}
article .columnax3 li p  { margin:3px 10px 5px 3px; text-indent:0; color:#6A6A6A;}
article .columnax3 li h4 { font-size:12px; font-weight:normal; color:#343426; margin-top:5px; margin-bottom:5px;}
article .columnax3:hover { opacity:1; cursor:default;}

.Tanker {/*width:100%*/ max-width:980px; min-width:768px; background-color:transparent; position:relative; margin-top:-420px;
 background:url(../imagenes/Distribuidora/Tanker_500x258.png) right no-repeat; height:258px; margin-left:auto; margin-right:auto;}
.nivelador { clear:both; background:url(../imagenes/nivelador.png) repeat-x; height:1px;}

.Envoltorio980 {
	max-width:980px;
    min-width:480px;
	height:170px;	
	margin-left:auto;
	margin-right:auto;
	margin-bottom:40px;
	background-color:#f2f2f2;	
}

.MarcoMarquesina {
       width:100%;
   max-width:980px;
   min-width:480px;
      margin:20px auto 6px;	  
}

.marquesina {
	height:22px;
	 width:100%;
	background-color: #F2F2F2;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:14px;
	    color:#666;
	 padding-top:4px;
	border-width:thin;
	border-color:#666;

}

.caricatura {
	/*float:right;*/
	width:111px;
	height:120px;   
	background-image:url(../imagenes/miguelitro.gif);
	/*background-position:center;*/
	background-repeat:no-repeat;
	/*z-index:-1;*/
}

.marquesina a { text-decoration:none; color:#666; }

.sobreImagen {
    float:right;
	margin-right:30px;
	position:relative;
	z-index:100;
    margin-top:-70%;
}

footer {
      padding-top:0;
       border-top:1px solid #BB2E04;
 background-color:#1A1A1A;	
            clear:both;	
}
.wrapper { 
    max-width:980px;
     overflow:hidden;
  margin-left:auto;
 margin-right:auto;
}
.piep_back {
             width:100%; 
  background-color:#292929;	
}
.backwrap {
	text-align:center;
     max-width:980px;
  padding-left: 20px;
 padding-right: 20px;
   margin-left: auto;
  margin-right: auto;	
}
.backwrap h5  {/*color:  #CFCFCF;*/ display:inline; margin:10px; }
.backwrap ul  {margin:0; padding:0;}
.backwrap ul li {display:inline-block;list-style-type:none;color:#575757; margin:8px; font-size:10px; }
.backwrap ul li a { color: #828282; font-size: 10px; -webkit-transition: all 0.25s ease-in-out;}
.backwrap ul li a:hover {color:#FFF;text-decoration: none;}
.backwrap ul li a:active, a:visited {color: #828282;}
.backwrap ul li img {border:none; opacity:0.6; vertical-align:middle;}
.backwrap ul li img:hover {opacity:1;}