/* Universal Selector margin/padding Reset */
* { margin:0; padding:0; }
body {
  background:#ccc url(images/bg_encabezado.jpg) repeat-x 0 0;
}
p {
  font:normal 12px/18px Verdana, Geneva, sans-serif;
  color:#333;
  padding:0;
  margin:10px 0 10px 0px;
}
#container {
  width:950px;
  margin:0 auto;
}
#masthead h1 {
  display:block;
  float:left;
  width:269px;
  height:121px;
  text-indent:-9999px;
}
#masthead h1 a {
  display:block;
  width:100%;
  height:100%;
  background:url(images/logodesign.jpg) no-repeat 0 0;
  outline:none;
}
#masthead ul {
  display:block;
  float:left;
  height:110px;
  list-style:none;
  background:url(images/boton_menu_full.gif) no-repeat 0 0;
}
#masthead ul li {
  display:block;
  height:110px;
  float:left;
}
#home {
  width:100px;
}
#servicios {
  width:100px;
}
#portfolio {
  width:100px;
}
#faq {
  width:100px;
}
#contacto {
  width:100px;
}
#masthead ul li a {
  display:block;
  width:100%;
  height:100%;
  text-indent:-9999px;
  outline:none;
}
li#home a:hover {
  background:url(images/boton_menu_full.gif) no-repeat 0 -110px;
}
li#servicios a:hover {
  background:url(images/boton_menu_full.gif) no-repeat -100px -110px;
}
li#portfolio a:hover {
  background:url(images/boton_menu_full.gif) no-repeat -200px -110px;
}
li#faq a:hover {
  background:url(images/boton_menu_full.gif) no-repeat -300px -110px;
}
li#contacto a:hover {
  background:url(images/boton_menu_full.gif) no-repeat -400px -110px;
}
#featured-area {
  clear:both;
  height:304px;
  background:url(images/bg-featured.gif) no-repeat 0 0;
}
#description {
  width:455px;
  margin:55px 0 55px 60px;
  float:left;
}
#description p {
  font:normal 13px/16px Verdana, Geneva, sans-serif;
  color:#0033CC;
}
#description_prod {
  width:475px;
  margin:35px 0 55px 60px;
  float:left;
}
#description_prod p {
  font:normal 13px/16px Verdana, Geneva, sans-serif;
  color:#0033CC;
}
#preview {
	width:445px;
	margin:-100px 20px 60px 0;
	float:right;
}
#main-content {
	width:100%;
	float:left;
}
#left-column {
	width:405px;
	margin-left:15px;
	float:left;
	text-align:justify;
 	background:#ccc;
	border: thin solid #ccc;
	padding: 0px 20px 10px 20px;

}

#parte-derecha {
	width:405px;
	margin-left:15px;
	float:left;
	text-align:justify;
 	background:#ccc;
	border: thin solid #ccc;
	padding: 0px 20px 10px 20px;

}
#left-column_contacto {
	width:430px;
	margin:auto;
	float:center;
	text-align:center;
}

#left-column_general {
	width:830px;
	margin:auto;
	float:center;
	text-align:justify;
}
#right-column {
  width:950px;
  float:right;
}
#columna_central {
	width:550px;
	margin:auto;
	float:center;
	text-align:center;
}
#parte-izq {
	width:405px;
	float:right;
	padding: 0px 20px 10px 20px;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 15px;
	border: thin solid #ccc;
	text-align: justify;
	background:#ccc url(images/fondo_caja.gif) repeat;

}
#parte-izq_home {
	width:405px;
	float:right;
	padding: 0px 20px 10px 20px;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 15px;
	border: thin solid #ccc;
	text-align: justify;
	background:#ccc ;

}

#i-parte-izq {
	width:175px;
	float:left;
	padding: 0px 10px 10px 10px;
	border: thin solid #ccc;
	text-align: justify;
	background:#ccc;
	margin: 0px;
}

#d-parte-izq {
	width:175px;
	float:left;
	padding: 0px 10px 10px 10px;
	border: thin solid #ccc;
	text-align: justify;
	background:#ccc;
	margin: 0px;
}

h2#featured-work {
  display:block;
  width:100%;
  height:45px;
  text-indent:-9999px;
  background: url(images/text-featured.jpg) no-repeat 0 0;
  clear:both;
}
div.featured {
  width:100%;
  height:250px;
  padding:10px 0 0 10px;
  background: url(images/bg-cartel.jpg) no-repeat 0 0;
  }
div.featured div.content {
  width:220px;
  height:185px;
  margin:37px 50px 15px 580px
}
div.featured div.texto {
  width:220px;
  height:185px;
  margin:35px 50px 15px 50px
}
#footer {
  clear:both;
  background-color:#333;
}
#footer p {
  margin:0 auto;
  padding:0;
  width:950px;
  color:#ccc;
  height:50px;
  line-height:50px;
}
.menu {
	color:#fff;
	font-family: "brush script", "Lucida Grande", sans-serif;
	font-size: 14px;
	line-height: 100px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	}
.bold {
  font:bold 13px/20px Verdana, Geneva, sans-serif;
  color:#FF6600;
  padding:0;
  margin:10px 0 10px 0px;
}

.link_web {
  font:bold 16px/20px Verdana, Geneva, sans-serif;
  color:#006600;
  padding:0;
  margin:10px 0 10px 0px;
}

.titulo_bold {
	color:#333333;
	padding:0;
	margin:10px 0 10px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	text-transform: capitalize;
}

	
  .footer {
  font:normal 13px/20px Verdana, Geneva, sans-serif;
  color:#CCCCCC;
  padding:0;
  margin:10px 0 10px 0px;
  text-align:left
  }
  
  .destacado {
  font:bold 30px/20px Verdana, Geneva, sans-serif;
  color:#339900;
  padding:0;
  margin:10px 0px 10px 0px;
  line-height: 50px;
}

.destacado_sombra {
  font:bold 30px/20px Verdana, Geneva, sans-serif;
  color:#CCCCCC;
  padding:0;
  margin:10px 0px 10px 0px;
  line-height: 50px;
}
  
.estilo_medio {
	color:#333333;
	padding:0;
	margin:10px 0 10px 0px;
	text-transform: capitalize;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	line-height: 20px;
	font-weight: bold;
  } 

.negrita {
	color:#333333;
	padding:0;
	margin:10px 0 10px 0px;
	text-transform: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	line-height: 20px;
	font-weight: bold;
  }
  
.nota {
	background-color: #FFFF99;
	border: thin solid #FFFF99;
}
.link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #333333;
}
.link a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}
.p {
  font:normal 11px/16px Verdana, Geneva, sans-serif;
  color:#333;
  }