
<!--

A:link {
	COLOR: #6a6a6a;  TEXT-DECORATION: none; 
}
A:active {
	COLOR: #6a6a6a;  TEXT-DECORATION: none; text-decoration:none; 
}
A:visited {
	COLOR: #6a6a6a;  TEXT-DECORATION: none; text-decoration:none;
}
A:hover {
	COLOR: #6a6a6a;  TEXT-DECORATION: none; text-decoration:underline;
}

body{
      text-align: center;
      font-size: 12px;
      margin:0;
	  padding:0;
      color: #fff;
      line-height: 1.2;
	  font-family: Arial, Helvetica, sans-serif;
      background:#fff url(img/background.jpg);
}

#wrapper{
        width:980px;
		height:auto;
        margin:5px auto;
		padding:0;
        text-align:left;
		//**background:#ccc;**//
}

#cabecera {
        height:140px; 
        position:relative;
		padding:0;
		margin:0px 0px 0px 0px;
}

.logo{
	background:url(img/logo.jpg) no-repeat;
	width:300px;
	height:60px;
	position:absolute; 
	top:24px;
	left:10px;
}

#cuerpo{
        padding:0; margin:0px 0px 0px 0px; overflow:hidden; height:auto; padding-bottom:0px;
}

#flash{
	width:980px;
	height:380px;
    position:relative; 
    margin:10px auto;
	z-index:-999;

}

.redes{
	width:150px;
	height:31px;
	position:relative; 
    float:right;
	margin-top:18px;
	margin-right:22px;
	}
	

.fecha{
	width:250px;
	height:31px;
	position:absolute; 
    float:right;
	text-align:left;
	color:#333;
	left:780px;
	top:70px;
	padding-left:20px;
	background:url(img/icon.png) no-repeat;
	}
	
#entrada{
	width:980px;
	height:192px;
	position:relative; 
}	

.entra01{
	width:326px;
	height:192px;
    float:left;
	color:#333;
	background:url(img/pozos_a_tierra.jpg) no-repeat;
	}
	.entra01-mio{
	width:326px;
	height:192px;
    float:left;
	color:#fff;
	background:url(img/pozos_a_tierra2.jpg) no-repeat;
	}
	.entra02-mio{
	width:326px;
	height:192px;
    float:left;
	color:#fff;
	background:url(img/instala_electricas2.jpg) no-repeat;
	}
	.entra03-mio{
	width:326px;
	height:192px;
    float:left;
	color:#fff;
	background:url(img/tableros_electricos2.jpg) no-repeat;
	}
	.text-mio {
    color: #333;
    float: left;
    font-size: 12px;
    height: 120px;
    margin-left: 18px;
    margin-top: 5px;
    position: relative;
    text-align: justify;
    width: 290px;
}
	
.entra02{
	width:329px;
	height:192px;
    float:left;
	color:#333;
	background:url(img/instala_electricas.jpg) no-repeat;
	}	
	
.entra03{
	width:325px;
	height:192px;
    float:left;
	color:#333;
	background:url(img/tableros_electricos.jpg) no-repeat;
	}	

.text{
	width:290px;
	height:80px;
    float:left;
	color:#333;
	text-align:justify;
	font-size:12px;
	position:relative; 
	margin-top:60px;
	margin-left:18px;
	}

.boton1{
	width:96px;
	height:33px;
    float:left;	
	background: url(img/bg-more.gif) no-repeat;
	z-index:9999999999;
	margin-left:17px;
	margin-top:10px;
	
	}	
	
.boton1 a{
	width:96px;
	height:33px;
    float:left;	
	font-weight:bold;
	text-align:center;
	color:#fff;
	font-size:13px;
	background:url(img/bg-more.gif) no-repeat;
	padding-top:8px;
	}	

.boton1 a:hover{
	width:96px;
	height:33px;
	text-align:center;
    padding-top:8px;
	float:left;	
	font-weight:bold;
	color:#fff;
	font-size:13px;
	background:url(img/bg-more-act.gif) no-repeat;
	}		
	
.boton2{
	width:96px;
	height:33px;
    float:left;	
	background: url(img/bg-more2.gif) no-repeat;
	z-index:9999999999;
	margin-left:17px;
	margin-top:10px;
	
	}	
	
.boton2 a{
	width:96px;
	height:33px;
    float:left;	
	font-weight:bold;
	text-align:center;
	color:#fff;
	font-size:13px;
	background:url(img/bg-more2.gif) no-repeat;
	padding-top:8px;
	}	

.boton2 a:hover{
	width:96px;
	height:33px;
	text-align:center;
    padding-top:8px;
	float:left;	
	font-weight:bold;
	color:#fff;
	font-size:13px;
	background:url(img/bg-more2-act.gif) no-repeat;
	}	

.boton3{
	width:96px;
	height:33px;
    float:left;	
	background: url(img/bg-more3.gif) no-repeat;
	z-index:9999999999;
	margin-left:17px;
	margin-top:10px;
	
	}	
	
.boton3 a{
	width:96px;
	height:33px;
    float:left;	
	font-weight:bold;
	text-align:center;
	color:#fff;
	font-size:13px;
	background:url(img/bg-more3.gif) no-repeat;
	padding-top:8px;
	}	

.boton3 a:hover{
	width:96px;
	height:33px;
	text-align:center;
    padding-top:8px;
	float:left;	
	font-weight:bold;
	color:#fff;
	font-size:13px;
	background:url(img/bg-more3-act.gif) no-repeat;
	}		

#menu{
	width:980px;
	height:40px;
	position:absolute; 
	top:105px;
	z-index:99999999;
	overflow:visible;
}


.menuopc{
	width:590px;
	height:70px;
	position:relative; 
	float:center;
	z-index:99999999;
	
}

.tpublicidad{
	width:184px;
	height:22px;
	position:relative; 
    background:url(img/t_publicidad.png) top center no-repeat;
	float:center;
	margin:25px auto 10px 25px;
}

.teventos{
	width:184px;
	height:22px;
	position:relative; 
    background:url(img/t_eventos.png) top center no-repeat;
	float:center;
	margin:25px auto 10px 25px;
}

.tinstitucional{
	width:245px;
	height:22px;
	position:relative; 
    background:url(img/t_institucional.png) top center no-repeat;
	float:center;
	margin:25px auto 10px 25px;
}

.tmoda{
	width:280px;
	height:22px;
	position:relative; 
    background:url(img/t_moda.png) top center no-repeat;
	float:center;
	margin:25px auto 10px 25px;
}

.tvideo{
	width:280px;
	height:22px;
	position:relative; 
    background:url(img/t_video.png) top center no-repeat;
	float:center;
	margin:25px auto 10px 25px;
}

.volver{
	width:184px;
	height:22px;
	position:relative; 
	float:center;
	margin:-15px auto 0px 800px;
}

.vermas{
	width:184px;
	height:22px;
	position:relative; 
	float:center;
	margin:15px auto 0px 770px;
	z-index:9999999999999999999999;
}

.form{
	width:380px;
	height:550px;
	position:relative; 
	float:center;
	margin:25px auto 0px 300px;
}


.homeizq{
	width:430px;
	height:190px;
	margin-top:20px;
	margin-left:40px;
	position:relative; 
	color:#fff;
	font-family:"Century Gothic", "Trebuchet MS", Arial;
	font-size:13px;
	float:left;
	text-align:justify;
	margin-bottom:10px;

}

.homeder{
	width:430px;
	height:190px;
    margin-top:-200px;
	margin-left:510px;
	position:relative; 
	color:#fff;
	font-family:"Century Gothic", "Trebuchet MS", Arial;
	font-size:13px;
	float:left;
	text-align:justify;
		margin-bottom:20px;
}

#pie{
	width:980px;
	height:60px;
	margin:30px auto 10px auto;
	position:relative; 
	border-top:1px solid #e6e6e6;
	padding-top:15px;

}

.derechos{
	color:#6a6a6a;
	font-size:12px;
	font-family:Arial;
    position:relative;
    text-align:center;
}

.creditos{
  text-align:center;
  padding-top:10px;
  position:relative;
}

.creditos a{
  text-align:center;
  font-family:Arial;
  color:#6a6a6a;
  text-decoration:none;
 padding-top:20px;
}

.creditos a:hover{
  text-align:center;
  font-family:Arial;
  color:#6a6a6a;
  text-decoration:underline;
}

.cuenta{
  position:relative;
  font-size:11px;
  color:#000;
  font-family:Arial;
  width:940px;
  height:20px;
  
  float:center;
  margin-top:-30px;
}


#menuizq{
	width:210px;
	height:580px;
	margin-top:30px;
	position:relative; 
	color:#6a6a6a;
	font-family:Arial;
	font-size:12px;
	float:left;
	text-align:left;
	background:url(img/div.png) top right repeat-y;	
}

.titulomenu{
	width:210px;
    background:url(img/t_menu.jpg) no-repeat;
	height:30px;
    margin-bottom:15px;
}

.catemenu{
	width:170px;
	height:20px;
	position:relative; 
	float:left;
	background:url(img/ico.png) no-repeat;
	margin-top:5px;
	padding-left:25px;

}

.catemenu a:{
	width:170px;
    background:url(img/ico.png) no-repeat;
	height:20px;
	position:relative; 
	color:#6a6a6a;
	font-family:Arial;
	font-size:12px;
	float:left;
	text-decoration:none;

}

.catemenu a:hover{
	width:170px;
	height:20px;
	position:relative; 
	color:#6a6a6a;
	font-family:Arial;
	font-size:12px;
	float:left;
	text-decoration:underline;

}

.submenu{
	width:150px;
	height:25px;
	position:relative; 
	float:left;
	background:url(img/ico.png) no-repeat;
	margin-top:5px;
	padding-left:25px;
    margin-left:25px;
}

.submenu a:{
	width:150px;
	height:25px;
	position:relative; 
	color:#6a6a6a;
	font-family:Arial;
	font-size:12px;
	float:left;
	text-decoration:none;
	margin-bottom:10px;

}

.submenu a:hover{
	text-decoration:underline;
margin-bottom:10px;
}

.submenux{
	width:150px;
	height:25px;
	position:relative; 
	float:left;
	background:url(img/ico.png) no-repeat;
	margin-top:5px;
	padding-left:25px;
    margin-left:25px;
	padding-bottom:8px;
}

.submenux a:{
	width:150px;
	height:25px;
	position:relative; 
	color:#6a6a6a;
	font-family:Arial;
	font-size:12px;
	float:left;
	text-decoration:none;


}

.submenux a:hover{
	text-decoration:underline;
    margin-bottom:10px;
}

.chat{
	width:196px;
    height:130px;
	position:relative;
	margin-top:20px;
	float:left;

}

#welcome{
	width:515px;
    height:580px;
	position:relative;
	float:left;
	text-align:justify;
    padding-left:10px;
	padding-right:10px;
	margin-top:30px;
    color:#6a6a6a;
	font-family:Arial;
	font-size:12px;
}

#detalle{
	width:750px;
    height:auto;
	position:relative;
	float:left;
	text-align:justify;
    padding-left:10px;
	padding-right:0px;
	margin-top:30px;
    color:#6a6a6a;
	font-family:Arial;
	font-size:12px;
}

#detalle-mio{
	width:750px;
    height:auto;
	position:relative;
	float:left;
	text-align:justify;
    padding-left:10px;
	padding-right:0px;
	margin-top:10px;
    color:#6a6a6a;
	font-family:Arial;
	font-size:12px;
}

#ladoderecho{
	width:235px;
    height:580px;
	position:relative;
	float:left;
	text-align:justify;
	background:url(img/div.png) top left repeat-y;	
	margin-top:30px;
}

#noticiario{
	width:210px;
    height:260px;
	position:relative;
	float:right;
	text-align:justify;
}

.tnews{
	width:210px;
    height:30px;
	position:relative;
	float:left;
	text-align:justify;
}

.noticias{
	height: 252px;
	margin-bottom: 20px;
	margin-left:-5px;
}

.noticias a {
	color: #6a6a6a; text-decoration: none; font-weight:bold;
}

.noticias a:hover {
	color: #6a6a6a; text-decoration:none;
}


.noticias ul {	
	padding: 0px;
	margin-left: 0px; 
}

.noticias li {	
	list-style-type: none; 
	background: url(../images/list_noti.png) top left no-repeat;
	padding: 0px 5px 10px 5px;
	text-align:justify;
	margin: 0px 0px 0px 0px;
	/*border-bottom: 1px dotted #444444;*/
	color: #6a6a6a; 
	
}

.btn_noti {
	color: #6a6a6a; text-decoration:none;
}

.btn_noti a{
	color: #6a6a6a; text-decoration:none;
	font-size:12px;
	font-family:Arial;
}

.btn_noti a:hover{
	text-decoration:underline;
	
}

.box2 {

	height: 100%;
	padding: 10px 14px 20px 0px;

}

#wnoticias {
	height: 100%; overflow:auto;
	
}

.wnoticias ul {	
	padding: 0px;
	margin-left: 0px; 
}

.wnoticias li {	
	list-style-type: none; 
	padding: 0px 5px 10px 5px;
	text-align:justify;
	margin: 0px 0px 0px 0px;
	/*border-bottom: 1px dotted #444444;*/
	color: #6a6a6a; 
	font-weight:bold;
}

.wbn_title {
	color:#6a6a6a; font-size:12px; font-family:Arial;
	font-weight:bold;
	margin-bottom:10px;
	text-transform:uppercase;
}

.wbn_anchor{
	color:#6a6a6a; font-size:12px; font-family:Arial;
	font-weight:bold; margin-top:60px;

}

.tblpag{
	color:#6a6a6a; font-size:12px; font-family:Arial;
	

}

.news{
	width:210px;
    height:240px;
	position:relative;
	float:left;
	text-align:justify;
	background:#ffff00;
	
}

#clientes{
	width:210px;
    height:270px;
	position:relative;
	float:right;
	text-align:justify;

	margin-top:35px;
}

.tclientes{
	width:210px;
    height:30px;
	position:relative;
	float:left;
	text-align:justify;
}

.flaclientes{
	width:210px;
    height:250px;
	position:relative;
	float:left;
	text-align:justify;
	
	
}
//***FIN SERVICIOS **//


//**PORTAFOLIO DE FOTOGRAFIAS **//

#menufoto{
	width:740px;
	height:420px;
    position:relative;
}

.colizqfoto1 a { 
width:329px;
height:201px;
line-height:32px;
text-align:center;
text-decoration:none;
font-family:"Trebuchet MS";
padding-top:0px;
font-size:16px;
font-weight:bold;
color:#4C2600;
float:left;
background: url(img/intro_fotopubli.jpg)  top right no-repeat;
margin-top:40px;
margin-left:120px;
}

.colizqfoto1 a:hover { 
width:329px;
height:201px;
background: url(img/intro_fotopubli_over.jpg)  top right no-repeat;
color:#fff;
float:left;
margin-top:40px;
margin-left:120px;
}

.colizqfoto2 a { 
width:329px;
height:201px;
line-height:32px;
text-align:center;
text-decoration:none;
font-family:"Trebuchet MS";
padding-top:0px;
font-size:16px;
font-weight:bold;
color:#4C2600;
float:left;
background: url(img/intro_fotoinst.jpg)  top right no-repeat;
margin-left:60px;
margin-top:40px;
}

.colizqfoto2 a:hover { 
width:329px;
height:201px;
background: url(img/intro_fotoinst_over.jpg)  top right no-repeat;
color:#fff;
float:left;
margin-left:60px;
margin-top:40px;
}

.colizqfoto3 a { 
width:329px;
height:201px;
line-height:32px;
text-align:center;
text-decoration:none;
font-family:"Trebuchet MS";
margin-top:40px;
font-size:16px;
font-weight:bold;
color:#4C2600;
float:left;
background: url(img/intro_fotoeventos.jpg)  top right no-repeat;
margin-left:120px;

}

.colizqfoto3 a:hover { 
width:329px;
height:201px;
background: url(img/intro_fotoeventos_over.jpg)  top right no-repeat;
color:#fff;
float:left;

margin-left:120px;
}

.colizqfoto4 a { 
width:329px;
height:201px;
line-height:32px;
text-align:center;
text-decoration:none;
font-family:"Trebuchet MS";
padding-top:0px;
font-size:16px;
font-weight:bold;
color:#4C2600;
float:left;
background: url(img/intro_fotomoda.jpg)  top right no-repeat;
margin-left:60px;
margin-top:40px;
}
.colizqfoto4 a:hover { 
width:329px;
height:201px;
background: url(img/intro_fotomoda_over.jpg)  top right no-repeat;
color:#fff;
float:left;
margin-left:60px;
margin-top:40px;
}


//**FIN DE PORTAFOLIO **//


#video{
	width:560px;
	height:315px;
	position:relative; 
}

.youtube{
	width:570px;
	height:335px;
	position:relative; 
	float:center;
	background:#000;
	margin-left:200px;
	padding-left:10px;
}

#portavideo{
	width:980px;
	height:135px;
	position:relative;
	margin:10px auto;
	
}

.menuvideo{
	width:980px;
	height:105px;
	position:relative;
	margin:40px auto;

}

.video1 a { 
width:219px;
height:133px;
line-height:32px;
text-align:center;
text-decoration:none;
font-family:"Trebuchet MS";
padding-top:0px;
font-size:16px;
font-weight:bold;
color:#4C2600;
float:left;
background: url(img/video01.jpg)  top right no-repeat;
margin-top:20px;
margin-left:20px;
}

.video1 a:hover { 
width:219px;
height:133px;
background: url(img/video01_over.jpg)  top right no-repeat;
color:#fff;
float:left;
margin-top:20px;
margin-left:20px;
}

.video2 a { 
width:219px;
height:133px;
line-height:32px;
text-align:center;
text-decoration:none;
font-family:"Trebuchet MS";
padding-top:0px;
font-size:16px;
font-weight:bold;
color:#4C2600;
float:left;
background: url(img/video02.jpg)  top right no-repeat;
margin-left:10px;
margin-top:20px;
}

.video2 a:hover { 
width:219px;
height:133px;
background: url(img/video02_over.jpg)  top right no-repeat;
color:#fff;
float:left;
margin-left:10px;
margin-top:20px;
}

.video3 a { 
width:219px;
height:133px;
line-height:32px;
text-align:center;
text-decoration:none;
font-family:"Trebuchet MS";
margin-top:20px;
font-size:16px;
font-weight:bold;
color:#4C2600;
float:left;
background: url(img/video03.jpg)  top right no-repeat;
margin-left:10px;
margin-top:20px;
}

.video3 a:hover { 
width:219px;
height:133px;
background: url(img/video03_over.jpg)  top right no-repeat;
color:#fff;
float:left;
margin-top:20px;
margin-left:10px;
}

.video4 a { 
width:219px;
height:133px;
line-height:32px;
text-align:center;
text-decoration:none;
font-family:"Trebuchet MS";
padding-top:0px;
font-size:16px;
font-weight:bold;
color:#4C2600;
float:left;
background: url(img/video04.jpg)  top right no-repeat;
margin-left:10px;
margin-top:20px;
}

.video4 a:hover { 
width:219px;
height:133px;
background: url(img/video04_over.jpg)  top right no-repeat;
color:#fff;
float:left;
margin-left:10px;
margin-top:20px;
}

.video5 { 
width:15px;
height:133px;
color:#fff;
float:left;
margin-left:20px;
margin-top:20px;
}

.video6 a { 
width:219px;
height:133px;
line-height:32px;
text-align:center;
text-decoration:none;
font-family:"Trebuchet MS";
padding-top:0px;
font-size:16px;
font-weight:bold;
color:#4C2600;
float:left;
background: url(img/video05.jpg)  top right no-repeat;
margin-left:10px;
margin-top:20px;
}

.video6 a:hover { 
width:219px;
height:133px;
background: url(img/video05_over.jpg)  top right no-repeat;
color:#fff;
float:left;
margin-left:10px;
margin-top:20px;
}

.video7 a { 
width:219px;
height:133px;
line-height:32px;
text-align:center;
text-decoration:none;
font-family:"Trebuchet MS";
padding-top:0px;
font-size:16px;
font-weight:bold;
color:#4C2600;
float:left;
background: url(img/video06.jpg)  top right no-repeat;
margin-left:10px;
margin-top:20px;
}

.video7 a:hover { 
width:219px;
height:133px;
background: url(img/video06_over.jpg)  top right no-repeat;
color:#fff;
float:left;
margin-left:10px;
margin-top:20px;
}

.video8 a { 
width:219px;
height:133px;
line-height:32px;
text-align:center;
text-decoration:none;
font-family:"Trebuchet MS";
padding-top:0px;
font-size:16px;
font-weight:bold;
color:#4C2600;
float:left;
background: url(img/video07.jpg)  top right no-repeat;
margin-left:10px;
margin-top:20px;
}

.video8 a:hover { 
width:219px;
height:133px;
background: url(img/video07_over.jpg)  top right no-repeat;
color:#fff;
float:left;
margin-left:10px;
margin-top:20px;
}

.video9 a { 
width:219px;
height:133px;
line-height:32px;
text-align:center;
text-decoration:none;
font-family:"Trebuchet MS";
padding-top:0px;
font-size:16px;
font-weight:bold;
color:#4C2600;
float:left;
background: url(img/video08.jpg)  top right no-repeat;
margin-left:10px;
margin-top:20px;
}

.video9 a:hover { 
width:219px;
height:133px;
background: url(img/video08_over.jpg)  top right no-repeat;
color:#fff;
float:left;
margin-left:10px;
margin-top:20px;
}
.mio { 
color:#fff;

}
.mio2 { 
color:#fff;
text-align:left;

}