@charset "iso-8859-2";
/* CSS Document reseteado */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, font, img,
ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-weight: normal;
     font-style: normal;
     font-size: 100%;
     font-family: inherit;
     vertical-align: baseline
}



:focus {
     outline: 0
}

ol, ul {
     list-style: none
}

table {
     border-collapse: collapse;
     border-spacing: 0
}

blockquote:before, blockquote:after, q:before, q:after {
     content: ""
}

blockquote, q {
     quotes: "" ""
}

input, textarea {
     margin: 0;
     padding: 0
}

hr {
     margin: 0;
     padding: 0;
     border: 0;
     color: #000;
     background-color: #000;
     height: 1px
}
/*codigo mongrafic */

body {
     line-height: 1;
	 background-color:#3b3b3b;
}
.blanco2{
	background-color:#fff;}
h1{
	display:none;
}
#contenedor{
	width:960px;
	margin-left:40px;
}
#cabecera{
background-image:url(../images/cabecera.jpg);
background-repeat:no-repeat;
background-position:top;
height:154px;
}
#cabecera .imglogo{
margin-left:10px;
margin-top:40px;
}

#estoyen{
	width:900px;
	height:16px;
}
#estoyen ul{
margin-left:240px;
line-height:1.1em;
}
#estoyen li{
float:left;
margin-right:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:0.5625em;
color:#000000;
margin-top:-2px;
}
#estoyen li a:link{
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
color:#999999;
text-decoration:none;
}
#estoyen li a:visited{
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
color:#999999;
text-decoration:none;
}
#estoyen li a:hover{
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
color:#999999;
text-decoration:underline;
}

#estoyen img{
margin-left:0.625em;
}

#columna1{
width:240px;
float:left;
}

#menu{
background-image:url(../images/menuicos.jpg);
background-repeat:no-repeat;
background-position:left;
margin-top:0.49em;
margin-left:-30px;

}
.separa{
padding-top:0.375em;
padding-bottom:0.48em;
margin-left:10px;
}
    
#menu ul{

padding-left:40px;
}
#menu li{
font-size:0.8125em;
line-height:15px;
}

#menu li a:link{
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
color:#999999;
text-decoration:none;
font-weight:bold;
}
#menu li a:visited{
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
color:#999999;
text-decoration:none;
font-weight:bold;
}
#menu li a:hover{
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
color:#ffffff;
text-decoration:none;
font-weight:bold;
}

#submenu{}
#submenu ul{
margin-left:10px;
} 
#submenu li{
font-size:0.8125em;
line-height:15px;
}
#submenu li a:link{
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
color:#808080;
text-decoration:none;
}
#submenu li a:visited{
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
color:#808080;
text-decoration:none;
}
#submenu li a:hover{
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
color:#ffffff;
text-decoration:none;
}
#info{
margin-top:0.49em;
	padding-left:0.625em;
	padding-right:0.625em;

}
#info h2{
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
color:#ffffff;
font-size:0.75em;
line-height:1.39em;
margin-bottom:0.9375em;
}
#info p a:link{
color:#ffffff;
text-decoration:underline;
}
#info p a:visited{
color:#ffffff;
text-decoration:underline;
}
#info p a:hover{
color:#ffffff;
text-decoration:none;
}
#info p{
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
color:#999999;
font-size:0.75em;
line-height:1.395em;
}
#info li{
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
color:#999999;
font-size:0.75em;
line-height:1.395em;
margin-bottom:0.7em;
list-style-type:circle;
list-style:outside;
}
#info strong{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-style:normal;
color:#CCCCCC;
line-height:1.395em;
}

#columna2{
width:500px;
float:left;
}
#columna2 h2{
font-family:Arial, Helvetica, sans-serif;
font-size:0.75em;
color:#ffffff;
line-height:1.4em;
font-weight:bold;
margin-top:5px;
}

#columna2 p{
font-family:Arial, Helvetica, sans-serif;
font-size:0.75em;
color:#999999;
vertical-align: baseline;
line-height:1.2em;
margin-bottom:10px;
}
#columna2 strong{
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
}

#columna2 a:link{
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
}
#columna2 a:visited{
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
}
#columna2 a:hover{
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
text-decoration:none;
}
.categorias{
width:100%;
height:10px;
display:block;
background-color:#262626;
margin-top:10px;
}
.categorias ul{
float:right;
padding:0px;
margin:0px;
}
.categorias li{
float:left;
margin-left:5px;
padding:0px;
line-height:0.5em;
//margin-top:-4px;
}
.finimagen{
background-color:#262626;
padding-bottom:5px;
}

.fecha2{
font-family:Arial, Helvetica, sans-serif;
color:#999999;
font-size:0.6875em;
margin-top:10px;
margin-bottom:-4px;
}

#otrosProyectos{
margin-top:10px;

}
#otrosProyectos h3{
font-family:Arial, Helvetica, sans-serif;
font-size:0.8125em;
color:#ffffff;
margin-bottom:5px;
}
#otrosProyectos a:link{
font-family:Arial, Helvetica, sans-serif;
font-size:0.75em;
color:#ffffff;
}
#otrosProyectos a:visited{
font-family:Arial, Helvetica, sans-serif;
font-size:0.75em;
color:#ffffff;
}
#otrosProyectos a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:0.75em;
color:#ffffff;
text-decoration:none;
}
#otrosepara{
padding-top:10px;
float:none;
clear:both;
}
.ico{
background-color:#262626;
width:96px;
display:block;
margin-right:4px;
margin-top:10px;
float:left;
}
.ico ul{
padding-top:0px;
float:right;
}
.ico li{
float:left;
margin-left:2px;
line-height:0.5em;
height:10px;
}

#columna3{
width:210px;
float:left;
margin-left:10px;
margin-top:10px;

}
#columna3 h2{
font-family:Arial, Helvetica, sans-serif;
font-size:0.8125em;
color:#ffffff;
font-weight:bold;

}
#columna3 ul{
margin-bottom:5px;
margin-top:5px;}
#columna3 li{
margin-top:5px;
}
#columna3 li a:link{
font-family:Arial, Helvetica, sans-serif;
font-size:0.6875em;
color:#999999;
}
#columna3 li a:visited{
font-family:Arial, Helvetica, sans-serif;
font-size:0.6875em;
color:#999999;
}
#columna3 li a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:0.6875em;
color:#999999;
text-decoration:none;
}
#columna3 .titulo{
font-family:Arial, Helvetica, sans-serif;
font-size:0.6875em;
color:#ffffff;
}
#columna3 li p{
font-family:Arial, Helvetica, sans-serif;
font-size:0.6875em;
color:#999999;
margin-bottom:5px;
}
.video{
padding-top:5px;
padding-bottom:5px;
}
#encuesta {
margin-top:10px;
}
#encuesta h2{
font-family:Arial, Helvetica, sans-serif;
font-size:0.75em;
color:#ffffff;
font-weight:bold;
}
#encuesta h3{
font-family:Arial, Helvetica, sans-serif;
font-size:0.625em;
color:#ffffff;
font-weight:bold;
margin-top:15px;
}
#encuesta p{
width:190px;
float:left;
margin-left:5PX;
font-family:Arial, Helvetica, sans-serif;
font-size:0.625em;
color:#999999;

}
#paginacion{
width:210px;
}
#paginacion ul{
}
#paginacion li{
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
float:left;
margin-right:8px;
font-size:0.6875em;
color:#FFFFFF;
}
#paginacion li a:link{
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
font-size:1em;
color:#999999;
text-decoration:none;
}
#paginacion li a:visited{
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
font-size:1em;
color:#999999;
text-decoration:none;
}
#paginacion li a:hover{
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
font-size:1em;
color:#FFFFFF;
text-decoration:none;
}


input{float:left;
line-height:1em;
border-color:#666666;
border-style:hidden;
}

#direccion{
width:240px;
display:block;
float:none;
clear:both;
}


#direccion ul{
margin-left:10px;
}

#direccion li{
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
font-size:0.75em;
color:#808080;
margin-bottom:0.3125em;
}
#direccion li a:link{
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
}
#direccion li a:visited{
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
}
#direccion li a:hover{
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
text-decoration:none;
}
.blanco{
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
}
#doscero{
width:220px;
margin-left:10px;
margin-top:0.9375em;
}
#doscero ul{

}
#doscero li{
float:left;
margin-right:5px;

}
#personal{
margin-left:10px;
}
#personal H2{
color:#999999;
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
font-size:0.6875em;
margin-bottom:7px;

}
#personal ul{
width:90px;
float:left;
display:block;
height:90px;
margin-right:10px;

}
#personal li{
color:#999999;
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
font-size:0.6875em;
line-height:1em;
}
#personal li img{
margin-bottom:10px;
}
#personal li a:link{
color:#ffffff;
text-decoration:none;
}
#personal li a:visited{
color:#ffffff;
text-decoration:none;
}
#personal li a:hover{
color:#ffffff;
text-decoration:underline;
}
/*DETALLES DE PROYECTOS*/
#detalle{
width:720px;
float:left;
}
#columdetalle1{
width:500px;
margin-right:10px;
float:left;
margin-top:10px;
}
#columdetalle1 h2{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:0.75em;
line-height:1em;
color:#ffffff;
}
#columdetalle1 p{
font-family:Arial, Helvetica, sans-serif;
font-size:0.75em;
color:#999999;
vertical-align: baseline;
line-height:1.2em;
margin-bottom:10px;
}
#columdetalle1 strong{
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
}

#columdetalle1 a:link{
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
}
#columdetalle1 a:visited{
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
}
#columdetalle1 a:hover{
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
text-decoration:none;
}
#dos0{
	padding-top:10px;}
.masuno{float:right;}	
#columdetalle2{
width:210px;
float:left;
margin-top:10px;
}
#columdetalle2 p{
font-family:Arial, Helvetica, sans-serif;
font-size:0.6875em;
line-height:1.2em;
color:#cccccc;
margin-bottom:5px;
}
#columdetalle2 strong{
font-family:Arial, Helvetica, sans-serif;
color:#999999;
font-weight:bold;

}

.separanot{
padding-bottom:5px;
padding-top:5px;
float:none;
clear:both;
}


#myGallery{
font-family:Arial, Helvetica, sans-serif;
}

#finpagina{
float:none;
clear:both;

}


/*pues eso el pie de la página  que no podia caminar*/
#pie{
clear:both;
float:none;
margin-left:240px;
padding-bottom:1em;
padding-top:1em;

}
#pie p{
padding-top:0.3125em;
font-family:Arial, Helvetica, sans-serif;
font-size:0.75em;
color:#999999;
}
#pie strong{
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
}

#pie a:link{
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
}
#pie a:visited{
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
}
#pie a:hover{
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
text-decoration:none;
}
/*video*/
#video{
width:500px;
background-color:#000000;
text-align:center;
padding-bottom:15px;
padding-top:0px;
}
#areacliente{
float:right;
margin-top:4px;
margin-right:157px;

}
#areacliente a:link{
font-family:Arial, Helvetica, sans-serif;
font-size:0.625em;
margin-top:-2px;
font-style:normal;
color:#999999;
text-decoration:none;
background-image:url(../images/clientes.jpg);
background-repeat:no-repeat;
background-position:left;
padding-left:15px;
}
#areacliente a:visited{
font-family:Arial, Helvetica, sans-serif;
font-size:0.625em;
margin-top:-2px;
font-style:normal;
color:#999999;
text-decoration:none;
background-image:url(../images/clientes.jpg);
background-repeat:no-repeat;
background-position:left;
padding-left:15px;
}
#areacliente a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:0.625em;
margin-top:-2px;
font-style:normal;
color:#999999;
text-decoration:underline;
background-image:url(../images/clientes.jpg);
background-repeat:no-repeat;
background-position:left;
padding-left:15px;
}

.mueve{
margin-left:10px;}
#clientes p{
float:left;

}
input{
border:solid;
border-width:1px;
border-color:#545454;
background-color:#262626;
color:#999999;
float:left;
padding:2px;
margin-left:10px;
margin-right:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:0.6875em;
color:#999999;
vertical-align: baseline;
line-height:1.2em;
margin-top:-2px;

}
form{
padding-top:50px;
float:none;
clear:both;}
/*pagina para face book*/
#facebook2{
	width:500px;
	}

#facebook2 h2{
font-family:Arial, Helvetica, sans-serif;
font-size:0.75em;
color:#000;
line-height:1.4em;
font-weight:bold;
margin-top:5px;
}

#facebook2 p{
font-family:Arial, Helvetica, sans-serif;
font-size:0.75em;
color:#999999;
vertical-align: baseline;
line-height:1.2em;
margin-bottom:10px;
}
#facebook2 strong{
font-family:Arial, Helvetica, sans-serif;
color:#000;
}

#facebook2 a:link{
font-family:Arial, Helvetica, sans-serif;
color:#000;
}
#facebook2 a:visited{
font-family:Arial, Helvetica, sans-serif;
color:#000;
}
#facebook2 a:hover{
font-family:Arial, Helvetica, sans-serif;
color:#000;
text-decoration:none;
}	
