*{
	margin: 0px;
	padding: 0px;
}

ul{
   list-style: none;
}

h5{
	font-size: 12px;
}

input, textarea{
	background-color: #FFF;
	border: 1px solid #dcdcdc;
	font-family: inherit;
	font-size: inherit;
	color: #888;
	padding: 2px;
	margin-top: 2px;
}

a, a:visited{
	text-decoration: none;
	color: inherit;
}

.hidden{
	display: none;
}

.oversize, .oversize_ancho, .oversize_grafico{
	font-size: 24px;
	display: block;
	float: left;
}

.oversize{
	width: 120px;
}

.oversize_grafico{
	width: 100px;
}

.oversize_ancho{
	width: 250px;
}

.inline{
	display: inline;
}

.right{
	float: right;
}

.left{
	float: left;
}

.nomarginright{
	margin-right: 0px !important;
}

.paddingleft28{
	padding-left: 28px;
}

.clear{
	clear: both;
}

.titulo{
	color: #ff5a00 !important;
	font-weight: bold;
}

.columna{
	float: left;
	width: 225px;
	color: #888;
}

body{
	background-color: #f6f6f6;
	font-family: "Trebuchet MS", "Verdana", "Arial", sans-serif;
	color: #000;
	font-size: 0.7em;
}

a img{
	border: none;
}

.capturaweb{
	border: 1px solid #dcdcdc;
}

.imgestudio{
	margin-left: 45px;
}

.divider5{
	height: 5px;
}

.contenedor, #contenedor{
	width: 900px;
	margin: auto;
}

.overflow_general{
	height: 1210px;
	overflow: hidden;
}

.overflow_portfolio{
	height: 1110px;
	overflow: hidden;
}

.overflow_web{
	height: 1110px;
	overflow: hidden;
}

.overflow_espacios{
	height: 890px;
	overflow: hidden;
}

.margintop{
	margin-top: 5px;
}

.divespacios{
	margin-top: 20px;
	width: 204px;
	float: left;
	margin-right: 27px;
}

.divespacios h5{
color: #888;
margin-top: 5px;
}

.divespacios img{
	border-top: 4px solid #dcdcdc;
	border-bottom: 4px solid #dcdcdc;
}

.divespacios p{
	width: 90%;
}

.divespacios a{
  display: block;
	margin-top: 5px;
}

.divespacios *{
	position: relative;
	left: 0px;
}

strong{
	color: #ff5a00;
}

img.tooltip{
	opacity: 0.6;
}

img.tooltip:hover{
	opacity: 1;
}

.pagebar{
	display: none;
}

/*HOVERS*/

#señalectica{
display: block;
  width: 41px;
  height: 45px;
  background: url("../img/iconoseñalhover2.jpg") no-repeat 0 -45px;
  float:left;
}
#señalectica:hover{
	background-position: 0px 0px;
}

#webdiseno{
display: block;
  width: 41px;
  height: 45px;
  background: url("../img/iconodiseno.jpg") no-repeat 0 -45px;
  float:left;
}
#webdiseno:hover{
	background-position: 0px 0px;
}

#webmaquetacion{
display: block;
  width: 62px;
  height: 45px;
  background: url("../img/iconomaq.jpg") no-repeat 0 -45px;
  float:left;
}
#webmaquetacion:hover{
	background-position: 0px 0px;
}

#webprogramacion{
display: block;
  width: 45px;
  height: 48px;
  background: url("../img/iconoprog.jpg") no-repeat 0 -48px;
  float:left;
}
#webprogramacion:hover{
	background-position: 0px 0px;
}

#webtienda{
display: block;
  width: 41px;
  height: 45px;
  background: url("../img/iconotienda.jpg") no-repeat 0 -45px;
  float:left;
}
#webtienda:hover{
	background-position: 0px 0px;
}

#flota{
display: block;
  width: 41px;
  height: 45px;
  background: url("../img/iconoflota.jpg") no-repeat 0 -45px;
  float:left;
}
#flota:hover{
	background-position: 0px 0px;
}

#mobiliario{
display: block;
  width: 41px;
  height: 45px;
  background: url("../img/iconomueble.jpg") no-repeat 0 -45px;
  float:left;
}
#mobiliario:hover{
	background-position: 0px 0px;
}

#obra{
display: block;
  width: 41px;
  height: 45px;
  background: url("../img/iconoobra.jpg") no-repeat 0 -45px;
  float:left;
}
#obra:hover{
	background-position: 0px 0px;
}

#planning{
display: block;
  width: 41px;
  height: 45px;
  background: url("../img/iconoplano.jpg") no-repeat 0 -45px;
  float:left;
}
#planning:hover{
	background-position: 0px 0px;
}

#ropa{
display: block;
  width: 41px;
  height: 45px;
  background: url("../img/iconoropa.jpg") no-repeat 0 -45px;
  float:left;
}
#ropa:hover{
	background-position: 0px 0px;
}

#restyling{
display: block;
  width: 41px;
  height: 45px;
  background: url("../img/iconorestyling.jpg") no-repeat 0 -45px;
  float:left;
}
#restyling:hover{
	background-position: 0px 0px;
}

#papeleria{
display: block;
  width: 41px;
  height: 45px;
  background: url("../img/iconopapeleria.jpg") no-repeat 0 -45px;
  float:left;
}
#papeleria:hover{
	background-position: 0px 0px;
}

#naming{
display: block;
  width: 41px;
  height: 45px;
  background: url("../img/icononaming.jpg") no-repeat 0 -45px;
  float:left;
}
#naming:hover{
	background-position: 0px 0px;
}

#montaje{
display: block;
  width: 38px;
  height: 45px;
  background: url("../img/iconomontaje.jpg") no-repeat 0 -45px;
  float:left;
}
#montaje:hover{
	background-position: 0px 0px;
}

#identidad{
display: block;
  width: 41px;
  height: 45px;
  background: url("../img/iconoidentidad.jpg") no-repeat 0 -45px;
  float:left;
}
#identidad:hover{
	background-position: 0px 0px;
}

#hosting{
display: block;
  width: 45px;
  height: 48px;
  background: url("../img/iconohost.jpg") no-repeat 0 -48px;
  float:left;
}
#hosting:hover{
	background-position: 0px 0px;
}

#distand{
display: block;
  width: 38px;
  height: 45px;
  background: url("../img/iconodiseno2.jpg") no-repeat 0 -45px;
  float:left;
}
#distand:hover{
	background-position: 0px 0px;
}

#desarrollo{
display: block;
  width: 38px;
  height: 45px;
  background: url("../img/iconodes.jpg") no-repeat 0 -45px;
  float:left;
}
#desarrollo:hover{
	background-position: 0px 0px;
}

#aplicaciones{
display: block;
  width: 41px;
  height: 45px;
  background: url("../img/iconoaplicaciones.jpg") no-repeat 0 -45px;
  float:left;
}
#aplicaciones:hover{
	background-position: 0px 0px;
}

#rotulacion{
display: block;
  width: 41px;
  height: 45px;
  background: url("../img/iconorotulacion.jpg") no-repeat 0 -45px;
  float:left;
}
#rotulacion:hover{
	background-position: 0px 0px;
}

#impresion{
display: block;
  width: 41px;
  height: 45px;
  background: url("../img/iconoimpresion.jpg") no-repeat 0 -45px;
  float:left;
}
#impresion:hover{
	background-position: 0px 0px;
}

#ilustracion{
display: block;
  width: 41px;
  height: 45px;
  background: url("../img/iconoilustracion.jpg") no-repeat 0 -45px;
  float:left;
}
#ilustracion:hover{
	background-position: 0px 0px;
}

#maquetacion{
display: block;
  width: 41px;
  height: 45px;
  background: url("../img/iconomaquetacion.jpg") no-repeat 0 -45px;
  float:left;
}
#maquetacion:hover{
	background-position: 0px 0px;
}

#cubiertas{
display: block;
  width: 41px;
  height: 45px;
  background: url("../img/iconocubiertas.jpg") no-repeat 0 -45px;
  float:left;
}
#cubiertas:hover{
	background-position: 0px 0px;
}

/*FIN HOVERS*/

#lista_convergencias{
	float: left !important;
}

#lista_convergencias li, #lista_convergencias li a{
	display: block;
	float: left;
	color: #888;
}

#lista_convergencias li{
margin-bottom: 10px;
}

#lista_convergencias li a:hover{
	color: #ff5a00;
}

#tooltip { 
    background-color:#f96; 
    border:1px solid #fff; 
    padding:5px 5px; 
    display:none; 
    color:#fff; 
    text-align:left; 
    font-size:11px; 
	 z-index: 5;
    /* outline radius for mozilla/firefox only */ 
    -moz-box-shadow:0 0 10px #f60; 
    -webkit-box-shadow:0 0 10px #f60; 
}

.padding_cont p, .padding_cont h4, .padding_cont h5, .padding_cont .first, .padding_cont input, .padding_cont textarea{
	margin-left: 20px;
}

.cont_150 h5, .divform h5{
	font-size: 13px;
}

#cabecera{
	margin-top: 20px;
}

#cabecera img{
	float: left;
	clear: both;
}

#nav{
	float: right;
	margin-top: 95px;
}

#nav li, #nav a{
	display: block;
	float: left;
	margin-left: 8px;
	text-transform: uppercase;
}

#nav a{
		border-left: 0px solid #dcdcdc;
		padding-left: 12px;
}

#nav a:hover{
	color: #ff5a00;
}

#carrusel{
   margin-top: -100px;
	height: 275px;
	background-color: #888;
}

.divheight{
	height: 360px;
}

#carrusel_estudio{
	margin-top: -110px;
	margin-left: 45px;
	/*height: 310px;*/
}

#carrusel_estudio2{
	margin-top: -95px;
}


#carruselwrap .flechaizq{
   display: block;
	position: relative;
	width: 52px;
	height: 52px;
	top: 116px;
	left: -25px;
	z-index: 100;
	background-color: #dcdcdc;
	background-image: url(../img/flechaizq.png);
}

#carruselwrap .flechadcha{
   display: block;
	position: relative;
   width: 52px;
	height: 52px;
	top: 65px;
	left: 875px;
	z-index: 100;
	background-color: #dcdcdc;
	background-image: url(../img/flechadcha.png);
}

#carruselwrap_estudio .flechaizq{
   display: block;
	position: relative;
	width: 52px;
	height: 52px;
	top: 120px;
	left: 470px;
	z-index: 100;
	background-color: #dcdcdc;
	background-image: url(../img/flechaizq.png);
}

#carruselwrap_estudio .flechadcha{
   display: block;
	position: relative;
   width: 52px;
	height: 52px;
	top: 70px;
	left: 870px;
	z-index: 100;
	background-color: #dcdcdc;
	background-image: url(../img/flechadcha.png);
}

#carruselwrap_estudio2 .flechaizq{
   display: block;
	position: relative;
	width: 52px;
	height: 52px;
	top: 140px;
	left: -24px;
	z-index: 100;
	background-color: #dcdcdc;
	background-image: url(../img/flechaizq.png);
}

#carruselwrap_estudio2 .flechadcha{
   display: block;
	position: relative;
   width: 52px;
	height: 52px;
	top: 90px;
	left: 375px;
	z-index: 100;
	background-color: #dcdcdc;
	background-image: url(../img/flechadcha.png);
}

#carruselwrap .flechaizq:hover, #carruselwrap .flechadcha:hover,
.portfoliowrap .flechaizq:hover, .portfoliowrap .flechadcha:hover,
#carruselwrap_estudio .flechaizq:hover, #carruselwrap_estudio .flechadcha:hover,
#carruselwrap_estudio2 .flechaizq:hover, #carruselwrap_estudio2 .flechadcha:hover{
  background-color: #ff5a00;
}

#nav_portfolio div{
	float: left;
	width: 225px;
}

.portfoliowrap .flechaizq{
	display: block;
	position: relative;
	width: 52px;
	height: 52px;
	top: 70px;
	left: -25px;
	z-index: 100;
	background-color: #dcdcdc;
	background-image: url(../img/flechaizq.png);
}

.portfoliowrap .flechadcha{
	display: block;
	position: relative;
   width: 52px;
	height: 52px;
	top: 18px;
	left: 875px;
	z-index: 100;
	background-color: #dcdcdc;
	background-image: url(../img/flechadcha.png);
}

.margintop{
	margin-top: 12px;
}

.marginright{
	margin-right: 20px;
}

.divisor{
   margin-top: 10px;
	width: 100%;
	background-color: #DCDCDC;
	height: 8px;
	clear: both;
}

.divisor_nom{
   margin-top: 10px;
	width: 100%;
	background-color: #DCDCDC;
	height: 8px;
	clear: both;
}

#denguesecciones div{
		width: 200px;
		float: left; 
		margin-top: 20px;
		margin-bottom: 20px;
}

.denguewebs{
		width: 215px;
		float: left; 
		margin-top: 10px;
		margin-bottom: 20px;
		margin-right: 10px;
}

.thumbnails a{
	margin-right: 13px;
}

.thumbnails img{
	border: 2px solid #dcdcdc;
}

.thumbnails img:hover{
	border: 2px solid #ff5a00;
}
	
.marginfix{
	margin-left: 46px;
	margin-top: -115px;
}	
	
.cont_420{
	width: 450px;
	float: left;
}

.cont_150{
	width: 150px;
	float: left;
}

.divform{
	width: 260px;
	float: left;
	margin-left: 20px;
}

.denguewebs img{
	margin-bottom: 10px;
}

.cont_img{
	background-image: url('../img/ajax-loader.gif');
	background-repeat: no-repeat;
	background-position: center;
}

 #proyectos, #areas, #convergencias{
	margin-left: 12px;
	padding-left: 18px;
	border-left: 2px solid #DCDCDC;
}

#denguesecciones p, #blog p, #dengue p, .denguewebs p, .cont_420 p, .cont_150 p, .divform p, .divespacios p, #nav_portfolio p, #contacto p{
   margin-top: 5px;
	color: #888;
}

#denguesecciones a, #dengue a, .denguewebs a, .cont_420 a, .cont_150 a{
	color: #ff5a00;
	margin-right: 10px;
}

#denguesecciones p{
	margin-bottom: 5px;
}

#dengueimg{
margin: 20px 30px 20px 0px;
border-top: 2px solid #dcdcdc;
border-bottom: 2px solid #dcdcdc;
float: left;
}

#nav_portfolio img{
	border-top: 2px solid #dcdcdc;
   border-bottom: 2px solid #dcdcdc;
}

#dengue{
   margin-top: 20px;
	width: 480px;
	float: left;
	height: 215px;
}

#dengue p{
	margin-top: 10px;
}

#flickr, #blog, #contacto{
	width: 278px;
	float: left;
	margin-top: 20px;
	margin-bottom: 20px;
}

#flickr p, #blog p, #contacto p{
	margin-top: 5px;
}

#contacto p{
	width: 125px;
	float: left;
	padding-top: 5px;
}

#blog{
	height: 120px;
}

#blog, #contacto{
	margin-left: 12px;
	padding-left: 18px;
	border-left: 2px solid #DCDCDC;
}

#footer{
	margin-top: 7px;
	height: 40px;
}

#footer p{
   color: #ababab;
	margin-top: 10px;
	float: left;
}

.portfolio{
	margin-top: -100px;
}


.portfolio div *{
	float: left;
}

.contimagen{
	display: block;
	width: 200px;
   margin-top: 15px;
	height: 235px;
	float: left;
}

.mleft{
	margin-left: 33px;
}

.portfolio div p{
color: #646464;
margin-bottom: 5px;
width: 200px;
}

.portfolio div img{
		border-top: 2px solid #DCDCDC;
		border-bottom: 2px solid #DCDCDC;
		margin-bottom: 5px;
}

.rel2{
	position: relative;
	left: 230px;
	top: -344px;
}

.rel3{
	position: relative;
	left: 460px;
}

.rel4{
	position: relative;
	left: 690px;
}

#mapa{
	float: left;
	border: 1px solid #ccc;
}

#mapa iframe{
	border: 3px solid #fff;
}

#navweb{
	margin-top: 20px;
}

#navconv{
	margin-top: 5px;
}

#navweb li, #navconv li{
	float: left;
	display: block;
}

#navweb img, #navconv img{
	border: 2px solid #dcdcdc;
	cursor: pointer;
}

#navweb img:hover, #navconv img:hover{
	opacity: 0.7;
}

.cont_img{
	width: 435px;
	height: 350px;
}

#navweb a, #navconv a{
	margin: 0px 10px 0px 0px;
}

.zoom{
	margin-right: 40px !important;
	margin-top: 5px !important;
	display: block;
}

#mail_ok{
	color: #693;
}

#email_error, #name_error{
	color: #f33;
}