/* ESTRUCTURA CONTENEDORES*/
#wrapper{
	width: 920px;
	margin: 0 auto;
	text-align:left;	
}
#cabecera{	
	background-image: url(img/recursos/cabecera.jpg);
	height: 204px;
}
#cuerpo{
	margin: 0px;
	color:#ffffff;
	background:url(img/recursos/pespunte_izquierda.gif) repeat-y left top;
	background-color:#000000;
		
}
#textos_contenido{
	margin: 0px 0px 0px 8px;
	background:url(img/recursos/pespunte_derecha.gif) repeat-y right top;
	overflow: hidden; 
    width: 912px;	
}
#lateral{
	width: 200px;
	float:right;
	background-color:#000000;
	margin:0px 8px 0px 0px;
	padding: 2px 0px 0px 5px;
	border-left:solid 2px #ff99ff;
}
#principal{
	background-color:#000000;
	margin-right: 200px;
	padding: 2px 0px 0px 5px;
	width: 670px;
}
#pie{
	clear: both;
	text-align:center;
}
#pie a{
	text-decoration:none;
	color:#cc33cc;
}
#pie_cuerpo{
	background:url(img/recursos/pespunte_abajo_izquierda.gif) no-repeat left bottom;
	padding: 0px;
}
#pie_cuerpo span {   
	display:block;     
	height:14px;
	background:url(img/recursos/pespunte_abajo_derecha.gif) no-repeat right bottom;
}
/* FIN ESTRUCTURA CONTENEDORES */
/* TAGS PRINCIPALES */
body{
	font-family: Georgia,Times,"Times New Roman", serif;
	font-size: 100%;
	background-image: url(img/recursos/patronfondo.jpg);

}
body img{
	border:0;
}
h1 {
	color:#ffffff;
	background-color:#ff33ff;
	width:450px;
	font-size:130%;
	}
.texto_morado{
	color:#cc33cc;
	}
.texto_morado_grande{
	color:#cc33cc;
	font-size:150%;
	}
/* FIN TAGS PRINCIPALES */
/* CABECERA */
.postit{
	position:relative;
	left:650px;
	top:0px;
}
/* FIN CABECERA */
/* MENU NAVEGACION */
ul.nav {
	font-size:100%;
	font-weight:bold;
	background-color:#000000;
	margin: 0px;
	padding: 6px 0px 6px 0px;
}
ul.nav li{
	display: inline;
	padding: 0px 5px;
}
ul.nav a
{	
	text-decoration:none;
	color:white;
}
ul.nav a:hover{
	color:#cc33cc;
}
ul.nav a.current {
	color:#cc33cc;
}
ul.nav li img {
	vertical-align: bottom;
	padding: 0px 0px;
}
/* FIN MENU NAVEGACION */
/* LATERAL */
#lateral a{
	text-decoration:none;
	color:#000000;
	font-weight:bold;
}
.contacto{
	background:url(img/recursos/contacto.png) no-repeat;
	height:159px;
}
.contacto span{
	position:relative;
	font-size:130%;
	top:100px;
	left:85px;
	}

.dossier{
	background:url(img/recursos/dossier.png) no-repeat;
	height:102px;
}
.dossier span.primera{
	position:relative;
	font-size:110%;
	top:50px;
	left:110px;
	}
.dossier span.segunda{
	position:relative;
	top:80px;
	left:20px;
	color:#000000;
	font-size:80%;
	}

.blog{
	background:url(img/recursos/blog.png) no-repeat;
	height:94px;
}
.blog span.primera{
	position:relative;
	font-size:130%;
	top:50px;
	left:110px;
	}
.seo{
	background:url(img/recursos/seo.png) no-repeat;
	height:126px;
}
.seo span.primera{
	position:relative;
	font-size:100%;
	top:50px;
	left:80px;
}
.seo span.segunda{
	position:relative;
	font-size:100%;
	top:75px;
	left:-10px;
}
.tendedero{
	background:url(img/recursos/tendedero.png) no-repeat;
	height:159px;
}
.tendedero span.primera{
	position:relative;
	font-size:100%;
	top:50px;
	left:75px;
}
.tendedero span.segunda{
	position:relative;
	font-size:100%;
	top:75px;
	left:-10px;
}
.tendedero2 span.primera{
	text-align:left;
	font-size:70%;
	position:relative;
	top:-70px;
	left:25px;
	
	
}
/* FIN LATERAL */
/* YO */
.mensaje_yo{
	position:relative;
	color:#cc33cc;
	width:300px;
	text-align:center;
	left:300px;
	top:-200px;
	font-size:110%;
}
.pyo{
	margin: 0px 0px 15px 10px;
}
/* FIN YO */
/* SOLUCIONES GRAFICAS */
.introduccion_graficas{
	margin: 15px 15px 0px 15px;
	text-align:justify;	
}
.lista_graficas{
	position:relative;
	width:400px;
	left:210px;
	top:-300px;
	text-align:left;
	list-style-type:none;
}
#principal li{
	margin:20px 0px 0px 0px;
	}

/* FIN SOLUCIONES GRAFICAS */
/* SOLUCIONES WEB */
.continuacion_web{
	font-size:70%;
	margin:15px 0px 0px 50px;
}
#webi{
	margin:0px 0px 5px 0px;
	width:300px;
	}
#webi span{
	color:#cc33cc;
	font-size:120%;
	}
#webi img{
	margin:25px 0px 0px 50px;
	}	
#webd{
	margin:0px 0px 5px 0px;
	width:300px;
	position:relative;
	top:-375px;
	left:325px;
}
#webd span{
	color:#cc33cc;
	font-size:120%;
	
	}
/* FIN SOLUCIONES WEB */
/* TRABAJOS */
.introduccion_trabajos{
	position:relative;
	width:400px;
	left:210px;
	top:-150px;
	text-align:justify;
}
/* FIN TRABAJOS */
/* form styles */

.img_form{
	position:relative;
	top:-500px;
	left:450px;
	}
.contenido_form{
	width:550px;
	margin:0px 0px 0px 0px;
	background-color:#000000;
}	

form {
	width: 440px;
	text-align: left;
	padding:0px 0px 0px 10px;
}
.submit{
	float:right;
	margin: 0px 0px 0px 0px;
}
textarea {
	display: block;
	background-color:white;
	border: 0px;
	cursor:pointer;
}

form.cmxform fieldset {
  margin-bottom: 0px;
  border:none;
}
form.cmxform legend {
  padding: 0 2px;
  font-weight: bold;
}
form.cmxform label {
  display: inline-block;
  vertical-align: top;
}
form.cmxform fieldset ol {
  margin: 0;
  padding: 0;
}
form.cmxform fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}
form.cmxform fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form.cmxform fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
form.cmxform fieldset fieldset label {
  display: block;
  width: auto;
}
form.cmxform em {
  font-weight: bold;
  font-style: normal;
  color: #003366;
}
form.cmxform label {
  width: 120px; /* Width of labels */
}
form.cmxform fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}
/*Fin contacto*/
/*Blog*/
#blogi{
	width:480px;
}
#blogi a{
	color:#ffffff;
	}
#blogd a{
	color:#cc33cc;
	}
#blogd{
	width:160px;
	float:right;
}
h3 {
	color:#ffffff;
	background-color:#cc33cc;
	
	}
.info{
	font-size:70%;
	}
.entry{
	border-bottom:dashed 1px white;
	}
/*Fin Blog*/
/*SEO*/
.lista_seo{
	position:relative;
	width:380px;
	left:210px;
	top:-350px;
	text-align:justify;
	list-style-type:none;
}
/*FIN SEO*/
/*TRABAJOS*/
.trabajos{
	position:relative;
	top:-50px;
}
/*FIN TRABAJOS*/
/*GRACIAS*/
.gracias{
	margin: 0px 0px 15px 175px;
	color:#ffffff;
	font-size:130%;
}
/*FIN GRACIAS*/
/*INICIO*/
.imagen_inicio{
	margin: 50px 0px 0px 20px;
}
.frase_inicio{
	margin: 25px 0px 0px 0px;
	color:#ffffff;
	font-size:100%;
	width:250px;
}

.bloghomei{
	width:400px;
}
.bloghomed{
	width:250px;
	float:right;
	position:relative;
	top:-120px;
}
.listabloghome{
	text-align:left;
	list-style-type:none;
	color:#ff33ff;
	font-size:70%;
	padding:0px;
}
.listabloghome a{
	text-decoration:none;
	color:white;
	
}

/*FIN INICIO*/

.lista_marketing{
	position:relative;
	width:400px;
	left:210px;
	top:-200px;
	text-align:left;
	list-style-type:none;
}


input.error{
background-color:#FFFFD5;
border:2px solid red;
color:red;
margin:0;
}