* {
 padding: 0; 
 margin: 0; 
}


html, body{
height:100%;
}
body {
 font-family: Arial, Helvetica, sans-serif;
 background: #CCCCCC;
 margin: 0 auto;}
h1{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
color:#dc7923;
}
h2{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-style:italic;
font-weight:lighter;
color:#666666;}
h3{
font-size:16px;
font-style: normal;
font-weight: bold;
color:#FFFFFF;
padding:10px 0 0 10px;}
.border_top{
background:#464648;
height:11px;
}
.content{
width:992px;
margin:auto;
background:#FFFFFF;}

.header{
height:112px;
border-bottom: #464648 solid 4px;} 
.top_logo{
float:left;
margin:29px 0 8px 16px;
}
.menu{
width:645px;
height:16px;
float: right;
margin-top:88px;}

ul#menu li{
 list-style:none;
 float:left;}
ul#menu li a {
 display:block;
 height:16px;
 text-decoration:none;}
ul#menu li a:hover {
background-position:bottom;}
ul#menu li a span {
 display:none;}
 
#inicio, #sobre, #servicios, #equipos, #galeria, #contacto {
 margin:0 25px 0 0;
}
#inicio{
background:url(home/inicio.gif);
width:35px;}
#sobre{
background:url(home/sobrenos.gif);
width:101px;}
#servicios{
background:url(home/servicios.gif);
width:58px;}
#equipos{
background:url(home/equipos.gif);
width:111px;}
#galeria{
background:url(home/galeria.gif);
width:128px;}
#contacto{
background: url(home/contactos.gif);
width:68px;
margin:0 10px 0 0}

a{color:#FFFFFF;
 text-decoration: underline;
}
a:hover{
 color:#CCCCCC;
 text-decoration: underline;}
 
a.links2{
color:#dc7923;}
a.links2:hover{
color:#edaf48;}
.contenido{
background: url(home/backsilla.jpg) no-repeat top left;}
.c_home{
width:612px;
float:right;
font-size:12px;
padding-right:28px;
line-height:16px;}
.c_interna2{
float:right;
font-size:12px;
padding:0 28px;
line-height:16px;}
.contenido_izq, .contenido_izq2 {
width:334px;
padding-left:16px;
float:left;
background: url(home/borde_izq.gif) left top no-repeat;
}
.contenido_izq2{
width:100%;
}
.texto_popup, .texto_popup2{
background: url(home/borde_izq.gif) left  repeat-y  #FFFFFF;
padding:10px 20px 20px 40px;
font-size:14px;
width:700px;
height:291px;
clear:both;
}
.texto_popup2{
height: auto;}
.c_titulos, .c_titulos2{
width:944px;
height:40px;
background:url(home/et_tit.jpg) repeat-x;
margin:auto;
margin-top:18px;
margin-bottom:24px;
}
.c_titulos2{
width: 100%;
margin:auto;
float: left;
}
.caja_home{
height:127px;
width:306px;
float:left;
padding:11px 0 0 0;
}
.img, .img2{
border:#edaf48 solid 1px;
padding:4px;
margin:0 18px 0 0 ;}
.img2{
float:left;
clear:both;
margin-top:10px;}
.column_left{
width:200px;
background:#eaeef3;
padding:15px;
float:left;
margin:0 10px 0 0;
font-size:11px;
}
.foot{
height:110px;
color:#FFFFFF;
background: #464648 ;
clear:both;
padding:20px 0;
}
.c_foot{
width:200px;
font-size:12px;
float:right;
text-align:right;
padding: 10px 120px 0 0;
background:url(home/mae2.gif) no-repeat right;
}
.franja_foot{
background: #2ccddf;
height:70px;
padding:20px 0;
}
#centercolumn4 {
padding: 0px 5px 0px 0px;
width: 450px;
display:block;
float:right;
}
.center{ width:600px;
float:right;}
div.row2 {
	margin:auto;
	width:256px;
	margin-left:100px;
  }
div.content_buttons {
margin-top:10px;
float:right;
width:100%;
 }
div.row {
  clear: both;
  padding-top: 5px;
  }

div.row span.label {
  float: left;
  width: 90px;
  text-align: right;
  }

div.row span.formw {
  float:left;
  margin-left:10px;
  width: 80px;
  text-align: left;
  } 
FORM { margin: 0px 0px 0px 0px;}

INPUT, TEXTAREA, SELECT { 
 padding:3px; 
 border: none;
 width:250px;
 background:#dedede;
 font-size:10px;
}
TEXTAREA.contact{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;}
.button, .button2 {
 background-color:#dc7923;
 width:65px;
 color: #FFFFFF;
 font-weight:bold;
 text-align:center;
 float:right;
 font-size:10px;
 }
 
.button2{
 float:left;
 }

.photo {width:915px; height:300px; text-align:left; position:relative; margin:0 auto;}

.photo ul.topic {padding:0; margin:0; list-style:none; width:915px; height:auto; position:relative; z-index:10;}

.photo ul.topic li {display:block; width:181px; height:70px; float:left;}
.photo ul.topic li a.set {display:block; font-size:11px; width:181px; height:70px; text-align:center; color:#464648; background:#ccc; }

.photo ul.topic li a ul, 
.photo ul.topic li ul 
{display:none;}

.photo ul.topic li.active a
{color:#000; background:#bbb;}

.photo ul.topic li a:hover,
.photo ul.topic li:hover a
{color:#000; background:#aaa;}

.photo ul.topic li.active ul
{
	display:block;
	position:absolute;
	left:0;
	top:70px;
	list-style:none;
	padding:0;
	margin:0;
	height:135px;
	background:#464648;
	width:845px;
	padding:0 0 20px 20px;
	border:20px solid #bbb;
	z-index:1;
}

.photo ul.topic li a:hover ul, 
.photo ul.topic li:hover ul
{display:block; position:absolute; left:0; top:70px; list-style:none; padding:0; margin:0; height:135px; background:#464648; width:845px; padding:0 0 20px 20px; border:20px solid #aaa; z-index:100; }

.photo ul.topic li ul li
{display:inline; width:112px; height:101px; float:left; border:1px solid #fff; margin:25px; font-weight:bold; font-size:11px; text-transform:uppercase; text-align:center; }

.photo ul.topic li ul li a
{display:block; width:110px; height:85px; cursor:default; float:left; text-decoration:none; background:#444; border:1px solid #888; }

.photo ul.topic li ul li a img
{display:block; width:100px; height:75px; border:5px solid #eee;}

.photo ul.topic li a:hover ul li a:hover, 
.photo ul.topic li:hover ul li a:hover 
{white-space:normal; position:relative; cursor: pointer;}

.photo ul.topic li a:hover ul li a:hover img, 
.photo ul.topic li:hover ul li a:hover img 
{position:absolute; left:-50px; top:-32px; width:250px; height:188px; border-color: #FF9900;}