@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:350px; text-align:center; width:100%;}

.Encabezado { max-width:980px; margin-top:30px; margin-left:auto; margin-right:auto; margin-bottom:10px; height:42px;
             background:url(../imagenes/Dagal_170x36_opt.gif) 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; margin-top:50px; opacity:0.85;}
article .columnax3 a  { text-decoration:none; color:#999; font-weight:bold;}
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;}

.widefondo { 
   height:400px;
   margin-left:auto;
   margin-right:auto;
}

.wideOver {
	max-width:980px;
    min-width:400px;	   
	margin-left:auto;
	margin-right:auto;
}

.wideOver h1 { margin-top:30px;}

.tanque {
	width:490px;
	height:336px;	
	margin-left:auto;
	margin-right:auto;
	float:left;
}

.tanque img {
	display:block;
	margin-left:auto;
	margin-right:auto;
	/*height:336px;*/
	/*max-width:490px;*/
	width:550px;
	margin-top:10px;
}

.histimg {
	display:block;
	margin:auto;
	height:286px !important;
	width:261px !important;
	margin-top:5px;
}

.tctimg {
	display:block;
	margin:auto;
	height:278px !important;
	width:328px !important;
	margin-top:5px;
}

.videos {
	width:490px;
	height:336px;
	margin-left:auto;
	margin-right:auto;
	float:left;
}

.videos h2 { font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:16px; color:#D1D1D1;
  text-align:center;
}

.ventana-video {
  width:400px;
  height:225px;
  margin-top:30px;
  margin-left:auto;
  margin-right:auto;
}

.ventana-video iframe {
  max-width:100%;
  max-height:100%;
  margin-top:30px;
  margin-left:35px;
  border:none;
  -moz-box-shadow   : 5px 5px 5px rgba(0,0,0,0.3);
  -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
  box-shadow        : 5px 5px 5px rgba(0,0,0,0.3);
}

.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;
	
/*  -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; 
  -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; 
       box-shadow: rgba(0,0,0,0.3) 0 1px 3px;*/	

}

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


.Envoltorio980 {
	max-width:980px;
    min-width:480px;
	/*height:650px;*/	
	margin-left:auto;
	margin-right:auto;
	background-color:transparent; /*#f2f2f2;	*/
}
.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;}