@charset "UTF-8";
body {
	margin: 0px;
	color: #CCC;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	background-color: #000;
	background-position: center top;
	background-attachment: fixed;
	background-image: url(../images/layout/img_fondo_3.jpg);
	background-repeat: no-repeat;
}
p {
	margin-bottom: 8px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #EDEDED;
	text-shadow: 4px 4px 4px #000;
	line-height: 1.4em;
}
a {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #999;
	text-decoration: none;
	font-size: 14px;
}
h1 {
	font-size: 18px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
	text-shadow: 4px 4px 4px #000;
}
h2 {
	font-size: 16px;
	color: #FFF;
	margin-top: 0px;
	margin-right: 12px;
	margin-bottom: 6px;
	margin-left: 12px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-weight: normal;
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 4px;
	padding-left: 6px;
	background-image: url(../images/layout/h2.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-shadow: 4px 4px 4px #000;
}
h3 {
	font-size: 18px;
	color: #FFF;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-weight: normal;
	background-image: url(../images/layout/h3.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-shadow: 4px 4px 4px #000;
	margin-bottom: 12px;
	padding-bottom: 4px;
}
h6 {
	padding-left: 18px;
	padding-right: 18px;
	font-size: 12px;
	font-weight: normal;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}
.contacto a {
	padding-top: 2px;
	padding-bottom: 2px;
	color: #999;
	font-size: 12px;
	font-weight: normal;
	float: left;
	padding-right: 40px;
}
.contacto a:hover {
	display: block;
	color: #FFF;
}
a:hover {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #FFF;
	text-decoration: none;
}

#container {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #FFF;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 42px;
	width: 960px;
}
#bottom {
	background-color: #000;
	height: 36px;
	width: 100%;
	position: fixed;
	z-index: 9999;
	bottom: 0px;
	background-image: url(../images/layout/fo.jpg);
	background-repeat: repeat-x;
}
#con_bottom {
	height: 36px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}

#menu {
	height: 128px;
	width: 960px;
}
#mapa {
	background-image: url(../images/layout/mapa.gif);
	height: 240px;
	width: 960px;
	margin-top: 20px;
	float: left;
	margin-bottom: 40px;
}
.sec_mapa {
	height: 200px;
	width: 146px;
	margin-left: 14px;
	float: left;
	margin-top: 40px;
}
.sec_mapa a {
	font-size: 12px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	padding-bottom: 2px;
}
.sec_mapa p {
	margin-top: 0px;
	margin-bottom: 4px;
}
.sec_mapa a:hover {
	background-image: url(../images/layout/line_d.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.tit_mapa {
	height: 13px;
	width: 144px;
	margin-bottom: 14px;
}

.line {
	height: 1px;
	width: 960px;
	background-image: url(../images/layout/line.gif);
	background-repeat: no-repeat;
}
.lineC {
	height: 1px;
	width: 736px;
	background-image: url(../images/layout/line_c.gif);
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
	padding: 0px;
	float: left;
	background-repeat: no-repeat;
}
.lineCno {
	height: 1px;
	width: 736px;
	background-image: url(../images/layout/line_c.gif);
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	float: left;
}

#logo {
	height: 128px;
	width: 253px;
	float: left;
}
#acerca {
	float: left;
	height: 46px;
	width: 137px;
	margin-top: 70px;
	margin-right: 2px;
}
#portafolio {
	float: left;
	height: 46px;
	width: 138px;
	margin-top: 70px;
	margin-right: 2px;
}
#servicios {
	float: left;
	height: 46px;
	width: 138px;
	margin-top: 70px;
	margin-right: 2px;
}
#tutoriales {
	float: left;
	height: 46px;
	width: 137px;
	margin-top: 70px;
	margin-right: 2px;
}
#contacto {
	float: left;
	height: 46px;
	width: 137px;
	margin-top: 70px;
	margin-right: 2px;
}
#principal {
	height: 530px;
	width: 960px;
	margin-bottom: 20px;
}
#img_principal {
	height: 530px;
	width: 712px;
	background-image: url(../images/index/principal.jpg);
	float: left;
}
#info_principal {
	width: 248px;
	float: left;
	margin-top: 24px;
}
#sec_proyectos {
	background-image: url(../images/layout/proyectos.gif);
	height: 34px;
	width: 960px;
}
#sec_tutoriales {
	background-image: url(../images/layout/tutoriales.gif);
	height: 34px;
	width: 960px;
}
#sec_acerca {
	height: 34px;
	width: 960px;
}
#min_proyectos {
	height: 199px;
	width: 960px;
}
.proyecto {
	height: 199px;
	width: 320px;
	float: left;
}
.tuto {
	height: 72px;
	width: 940px;
	background-image: url(../images/index/tuto.jpg);
	margin-left: 10px;
	margin-bottom: 10px;
}
.tuto_txt {
	float: left;
	width: 650px;
	height: 44px;
	padding-top: 28px;
}
.tuto_txt p {
	padding: 0px;
	margin: 0px;
}
.illustrator {
	height: 62px;
	width: 278px;
	float: left;
	margin-top: 10px;
	margin-left: 12px;
}
.dreamweaver {
	height: 62px;
	width: 278px;
	float: left;
	margin-top: 10px;
	margin-left: 12px;
}
.photoshop {
	height: 62px;
	width: 278px;
	float: left;
	margin-top: 10px;
	margin-left: 12px;
}
.margen_pix {
	margin-top: 16px;
	margin-right: 8px;
	margin-bottom: 8px;
	margin-left: 8px;
}
#izq_img {
	float: left;
	width: 300px;
	margin-top: 12px;
}
#der_txt {
	float: right;
	width: 640px;
	margin-left: 20px;
	margin-top: 12px;
}
#port {
	width: 960px;
	height: 528px;
}
#port_web {
	width: 960px;
	height: 4235px;
}
#port_multimedia {
	width: 960px;
	height: 940px;
}
#port_video {
	width: 960px;
	height: 540px;
}
#port_servicios {
	width: 960px;
	height: 2180px;
}
#port_acerca {
	width: 960px;
	height: 735px;
}
#port_tutoriales {
	width: 960px;
	height: 435px;
}
#port_identidad {
	width: 960px;
	height: 3235px;
}
#port_contacto {
	width: 960px;
	height: 630px;
}
#medium {
	width: 736px;
	float: left;
	margin-top: 28px;
	margin-left: 12px;
	height: 500px;
}
#web {
	width: 736px;
	float: left;
	margin-top: 28px;
	margin-left: 12px;
	height: 4200px;
}
#multimedia {
	width: 736px;
	float: left;
	margin-top: 28px;
	margin-left: 12px;
	height: 910px;
}
#identidad {
	width: 736px;
	float: left;
	margin-top: 28px;
	margin-left: 12px;
	height: 3200px;
}
#video {
	width: 736px;
	float: left;
	margin-top: 28px;
	margin-left: 12px;
	height: 380px;
}
#acerca_con {
	width: 750px;
	float: left;
	margin-top: 28px;
	margin-left: 12px;
	height: 700px;
	behavior: url(js/iepngfix.htc);
}
#servicios_con {
	width: 750px;
	float: left;
	margin-top: 28px;
	margin-left: 12px;
	height: 2150px;
}
#tutoriales_con {
	width: 750px;
	float: left;
	margin-top: 28px;
	margin-left: 12px;
	height: 400px;
	behavior: url(js/iepngfix.htc);
}
#construccion_con {
	width: 750px;
	float: left;
	margin-top: 28px;
	margin-left: 12px;
	height: 400px;
	background-image: url(../images/layout/construccion.png);
	behavior: url(js/iepngfix.htc);
	background-repeat: no-repeat;
	background-position: center center;
}
#contacto_con {
	width: 750px;
	float: left;
	margin-top: 28px;
	margin-left: 12px;
	height: 600px;
}
#izq {
	width: 198px;
	margin-top: 35px;
	float: left;
	background-image: url(../images/layout/linev.gif);
	background-repeat: no-repeat;
	background-position: right center;
	height: 500px;
}
#izq_acerca {
	width: 198px;
	margin-top: 35px;
	float: left;
	background-image: url(../images/layout/linev.gif);
	background-repeat: no-repeat;
	background-position: right center;
	height: 350px;
}
#izq ul{
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#izq li{
	list-style-type: none;
	margin-bottom: 8px;
	padding-left: 0px;
}
#izq li a{
	display: block;
	width: 180px;
	padding-left: 16px;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #999;
	font-size: 12px;
	font-weight: normal;
}
#izq li a:hover {
	display: block;
	color: #FFF;
	background-image: url(../images/layout/line_s.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#izq_acerca ul{
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#izq_acerca li{
	list-style-type: none;
	margin-bottom: 8px;
	padding-left: 0px;
}
#izq_acerca li a{
	display: block;
	width: 180px;
	padding-left: 16px;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #999;
	font-size: 12px;
	font-weight: normal;
}
#izq_acerca li a:hover {
	display: block;
	color: #FFF;
	background-image: url(../images/layout/line_s.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.item {
	width: 736px;
	height: 280px;
	margin: 0px;
	padding: 0px;
	float: left;
}
.img_port  {
	height: 280px;
	width: 362px;
	float: left;
	margin: 2px;
}
.img_portaf {
	height: 206px;
	width: 362px;
	float: left;
	margin: 2px;
}
.img_proy {
	height: 206px;
	width: 362px;
}
.info_port {
	height: 230px;
	width: 366px;
	float: left;
	margin: 2px;
}
.info_port p {
	padding-left: 0px;
	padding-right: 18px;
	margin-bottom: 0px;
}
.info_port h6 {
	margin-top: 8px;
	margin-right: 18px;
	margin-bottom: 0px;
	margin-left: 18px;
	padding: 0px;
}
.info_port p a:hover {
	color: #FFF;
	text-shadow: 1px 1px 1px #222222;
	background-image: url(../images/layout/link_fondo.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.info_port li a:hover {
	color: #FFF;
	text-shadow: 1px 1px 1px #222222;
	background-image: url(../images/layout/link_prev.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.info_port a img{
	padding-left: 2px;
	padding-right: 2px;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.info_port ul li{
	display: inline;
}
.img_port ul li {
	display: inline;
}
.info_port ul  {
	margin-top: 6px;
	margin-left: 20px;
}
.img_port ul {
	margin-top: 0px;
	margin-left: 10px;
}
.previsuales {
	width: 362px;
	float: left;
	margin-top: 8px;
}
.imgs_prevs {
	height: 38px;
	width: 362px;
	margin-top: 0px;
}
.herramientas {
	height: 16px;
	width: 352px;
	margin-left: 10px;
	margin-top: 0px;
}
.online {
	color: #09F;
}
.construccion {
	color: #FC0;
}
.precio {
	color: #F90;
	font-size: 22px;
	margin-top: 2px;
}
.preciodesc {
	color: #0CF;
	font-size: 14px;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.curs {
	color: #CCC;
	font-size: 10px;
	font-family: Tahoma, Geneva, sans-serif;
}
#social {
	height: 16px;
	text-align: right;
	margin-top: 160px;
	margin-right: 12px;
}
#social img {
	height: 16px;
	text-align: right;
	margin-left: 2px;
}
#social .bosz {
	height: 16px;
	text-align: right;
	margin-left: 4px;
}
.tam12 {
	font-size: 12px;
	line-height: 1.4em;
	margin: 0px;
	padding: 0px;
}
.tam13 {
	font-size: 13px;
	line-height: 1.3em;
	margin: 0px;
	padding: 0px;
}
.gde {
	font-size: 13px;
	line-height: 1.3em;
	margin-top: 0px;
}
.intro {
	margin-left: 12px;
	padding-top: 12px;
	padding-bottom: 12px;
	float: left;
	width: 710px;
}
.acerca {
	background-image: url(../images/layout/apple.png);
	width: 710px;
	float: left;
	background-repeat: no-repeat;
	background-position: right bottom;
	behavior: url(js/iepngfix.htc)
}
.web {
	background-image: url(../images/servicios/web.png);
	width: 710px;
	float: left;
	background-repeat: no-repeat;
	background-position: left bottom;
	behavior: url(js/iepngfix.htc);
}
.multimedia {
	background-image: url(../images/servicios/multimedia.png);
	width: 710px;
	float: left;
	background-repeat: no-repeat;
	background-position: right bottom;
	behavior: url(js/iepngfix.htc)
}
.identidad {
	background-image: url(../images/servicios/identidad.png);
	width: 710px;
	float: left;
	background-repeat: no-repeat;
	background-position: right bottom;
	behavior: url(js/iepngfix.htc)
}
.video {
	background-image: url(../images/servicios/video.png);
	width: 710px;
	float: left;
	background-repeat: no-repeat;
	background-position: right bottom;
	behavior: url(js/iepngfix.htc)
}
.contacto {
	background-image: url(../images/contacto/contacto.png);
	width: 710px;
	float: left;
	background-repeat: no-repeat;
	background-position: left bottom;
	behavior: url(js/iepngfix.htc);
}
.izq {
	width: 288px;
	float: left;
	background-image: url(../images/layout/linev.gif);
	background-position: right center;
	padding-right: 12px;
	background-repeat: no-repeat;
}
.der {
	width: 288px;
	float: right;
	background-image: url(../images/layout/linev.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 12px;
}
#tit_port {
	margin: 0px;
	padding: 0px;
}
.servicios_info {
	margin-left: 20px;
	font-size: 12px;
	color: #CCC;
	margin-top: 12px;
	background-image: url(../images/layout/line_s.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 2px;
}
.website {
	margin-left: 20px;
	margin-top: 12px;
	margin-bottom: 12px;
	background-image: url(../images/layout/line_s.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.status {
	margin-left: 20px;
	margin-top: 12px;
	margin-bottom: 12px;
	background-image: url(../images/layout/line_s.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.colaboracion {
	text-align: right;
	height: 36px;
	width: 366px;
	float: left;
	margin-left: 2px;
	margin-top: 8px;
}
.info_proy {
	margin-left: 20px;
	margin-bottom: 10px;
	margin-top: 10px;
}
input {
	color: #CCC;
	border: 1px ridge #333;
	background: none;
	background-image: url(../images/contacto/text_field.gif);
}
textarea {
	color: #CCC;
	border: 1px ridge #333;
	background: none;
	background-image: url(../images/contacto/text_field.gif);
}
#info_contacto {
	margin-top: 16px;
}

#contact-wrapper {
	width: 288px;
	background-image: url(../images/layout/line_w.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-bottom: 20px;
}
label {
	font-size: 12px;
	color: #999;
}
#contactform div p {
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
}
.linkcontacto {
	width: 288px;
	height: 20px;
	float: left;
	background-image: url(../images/layout/line_w.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-top: 12px;
	padding-bottom: 2px;
}
#acerca_con p {
	font-size: 12px;
	color: #CCC;
}
#acerca_con a {
	font-size: 12px;
	color: #FFF;
}
#acerca_con a:hover {
	font-size: 12px;
	color: #FFF;
	background-image: url(../images/layout/line_m.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#paquetes {
	width: 960px;
}
#paq {
	width: 946px;
	height: 550px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 14px;
}
.paqs {
	float: left;
	height: 550px;
	width: 210px;
	background-repeat: no-repeat;
	margin-right: 4px;
	padding-right: 10px;
	padding-left: 10px;
	background-image: url(../images/paquetes/cuad.png);
}
.paqsmedida {
	float: left;
	height: 550px;
	width: 210px;
	background-repeat: no-repeat;
	margin-right: 4px;
	padding-right: 10px;
	padding-left: 10px;
	background-image: url(../images/paquetes/cuadmedida.png);
}
#paq ul {
	list-style-type: circle;
	margin: 0px;
	font-size: 12px;
	color: #CCC;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}
#paqs_info {
	width: 912px;
	margin-left: 14px;
	padding: 10px;
}
#paqs_info .curs {
	margin: 0px;
	padding: 0px;
}
.portpaquetes {
	float: left;
	width: 936px;
	margin-left: 12px;
}