/* @override http://www.jcestudio.com/estilos.css */

@charset "UTF-8";
/* CSS Document */

html {
}

body {
	margin-top: 0px;
	margin-bottom:0px;
	background-image: url(imgs/bg_principal.gif);
}

ul {
	list-style: none;
	margin-left: -40px;
}

img {
	border: 0px;
}

/* Formulario */

input {
	background-color: #EEEEEE;
	border-style: solid;
	border-color: #EEEEEE;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF0381;
	padding: 2px;
	width: 350px;
}

textarea {
	background-color: #EEEEEE;
	border-style: solid;
	border-color: #EEEEEE;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF0381;
	padding: 2px;
	width: 700px;
	
}

.boton {
	background-color: #FF0381;
	border-style: solid;
	border-color: #FF0381;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	padding: 2px;
	width: 100px;
}

.confirmacion {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	font-weight: normal;
}

.confirmacion a:link		{ text-decoration: none; color: #FF0381; }
.confirmacion a:visited		{ text-decoration: none; color: #FF0381; }
.confirmacion a:hover		{ text-decoration: underline; color: #FF0381; }

/* Cabecera */

.logo {
	margin-top: 21px;
	margin-bottom: 21px;
}

.pastilla_logo {
	margin:0 auto;
	height: 118px;
	width: 700px;
	padding-left: 50px;
	padding-right: 50px;
	background-color: #FFFFFF;
}

.pastilla {
	margin:0 auto;
	margin-top: 25px;
	margin-bottom: 25px;
	padding-top: 25px;
	padding-bottom: 100px;
	padding-left: 50px;
	width: 750px;
	background-color: #FFFFFF;
}

/* Contacta */

.contacta {
	padding-top: 25px;
	padding-bottom: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	text-align: right;
	width: 400px;
}

.contacta_gris {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	font-weight: normal;
}


/* Menu */

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
}

.estudio {
	margin-left: 40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
}

.estudio a:link 	{text-decoration: none; color: #000000;}
.estudio a:visited 	{text-decoration: none; color: #000000;}
.estudio a:hover	{text-decoration: none; color: #FF0381;}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: none;
	color: #999999;
	line-height: 15px;
	font-weight: normal;
}

.linea {
	vertial-align: top;
	margin-bottom: 10px;
}

.linea_dos {
	margin-bottom: 10px;
	width: 5px;
	height: 1px;
	background-color: #A7A5A6;
	margin-right: 170px;
	margin-left: 0px;
}

.listas {
	float: left;
	width: 175px;
	margin-top: 25px;
	padding-left: 0px;
}

.menu_titulos {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
}

.menu_desactivo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: none;
	color: #999999;
	line-height: 15px;
	text-decoration: line-through;
}

/* Proyectos Recientes */

.proyectos_recientes {
	margin-top: 50px;
	padding-left: 0px;
}

.recientes {
	margin-top: 50px;
}

.recientes_fecha {
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
}

.recientes_cliente {
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

.recientes_cliente a:link		{ text-decoration: none; color: #000000; }
.recientes_cliente a:visited	{ text-decoration: none; color: #000000; }
.recientes_cliente a:hover		{ text-decoration: none; color: #FF0381; }

.recientes_texto {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	width: 350px;
}

.recientes_img {
	margin-top: 15px;
	margin-bottom: 15px;
	border: 0px;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.proyectos_img {
	margin-top: 50px;
	margin-bottom: 15px;
	border: 0px;
}

.pie {
	float: left;
	width: 300px;
	height: 60px;
	padding-left: 0px;
	margin-top: 25px;
}
	
a:link		{ text-decoration: none; color: #999999;}
a:visited	{ text-decoration: none; color: #999999;}
a:hover		{ text-decoration: none; color: #FF0381;}