/**
 *  PSDaCSS.com                                                         
 * ---------------------------------------------------------------------
 *
 *	1.- Generales
 *		1.1.- Clases predefinidas
 *
 *	2.- Header
 *	3.- Footer
 * 	4.- Index
 * 	5.- Pedido
 * 	6.- Faqs   
 * 	7.- Trabajos - Opiniones
 **********************************************************************/


* {
	margin:0;
	padding:0;
}
body {
	font:normal 0.8em/1.6em "Arial", Helvetica, sans-serif;
	cursor:default;
	color:#000;
}

h2,h3,h4,h5,h6 {
	color:#348bcd;
	font-weight:normal;
}

h2 {
	margin:30px 0 20px;
	font-size:1.7em;
	color:#000;
}

h3 {
	margin:20px 0 10px;
	font-size:1.3em;
}

h4 {
	font-size:1.3em;
}

h5 {
	font-size:1em;
}

h6 {
	font-size:85%;
}

p {
	margin-bottom:1em;
}
img {
	border:0;
}
ul,ol { 
	margin:10px 0;
	padding-left:35px;
}

dt {
	color:#348bcd;
}
dd {
	margin:0 0 20px 20px;
}
a {
	color:#2874c1;
	outline:none;
	text-decoration:none;
}
/*a:visited {}*/
a:hover {
	text-decoration:underline;
}
/*a:active {}*/
h3.autor {	
	font-size:1em;
	margin:0;
	padding:10px 10px 0;
	color:#797979;
	background-color:#F7F7F7;
}
blockquote {
	line-height:2em;
	margin-bottom:2.5em;
	font-family:"Arial", Helvetica, sans-serif;
	padding:10px;
	background-color:#F7F7F7;
}

form {
	width:100%;
	margin:10px 0 30px;
}

form div {
	overflow:hidden;
	width:100%;
	margin-bottom:15px;
}
form span {
	float:left;	
	margin-left:25%;
	color:#2880d3;
}


	form fieldset {
		border:0;
	}
	form legend {
		margin-left:10px;
		padding:10px;
		font-size:1.37em;
		color:#348BCD;
	}
	form select.gris_form,
	form input.gris_form,
	form textarea.gris_form {
		float:left;
		padding:2px;
		border:1px solid #ccc;
		font:14px "Arial", Helvetica, sans-serif;
	}	
	form label {
		float:left;
		width:20%;
		margin-left:5%;
		font-weight:bold;
		cursor:pointer;
	}
	form #archivo_comprimido {
		width:270px;
	}
	form input.gris_form ,
	form span,
	form textarea.gris_form {
		width:70%;
	}

.left {
	float:left;
	margin:0 10px 10px 0;
}
.right {
	float:right;
	margin:0 0 10px 10px;
}
.margin_top {
	margin-top:2em;
}
.error {
	color:#f00;
}
.correcto {
	display:block;
	margin:0 auto;
	text-align:center;
	border:3px dotted #348bcd;
}
div#contenido p.ir_arriba {
	overflow:hidden;
	width:100%;
}
div#contenido p.ir_arriba a {
	float:right;
	width:16px;
	text-indent:-9999px;
	background:url("../img/up.png") no-repeat 0 0;
}


/**
 * 2.-Header
 */
div#header {
	width:100%;
	height:130px;
	background-color:#348bcd;
	border-bottom:1px solid #f5f5f5;
}
	div#wrap_header {
		position:relative;
		width:85%;
		height:130px;
		margin:0 auto;
	}
	
		h1 {
			float:left;
			margin-top:1.2em;
		}
			h1 a {
				display:block;
				width:140px;
				height:89px;
				color:#fff;
				background:url("../img/logo.png") no-repeat 0 0;
			}
				h1 a span {	display:none;}
				
		div#wrap_header ul {
			position:absolute;
			list-style:none;
			/*width:600px;*/
			padding-left:0;
			margin:0;
			bottom:0;
			right:0;
		}
		div#wrap_header li {
			display:inline;		/* P.I.E */
			float:left;
			margin-left:25px;
		}
		div#wrap_header li a {
			display:block;
			float:left;
			padding-left:15px;
			color:#fff;
			font-size:14px;
			background:url("../img/tab_iz.png") no-repeat left top;
		}
		div#wrap_header li a span {
			display:block;
			padding-right:15px;
			padding-top:10px;
			background:url("../img/tab_de.png") no-repeat right top;
		}
				div#wrap_header li.actived a {
					color:#4f4f4f;
					font-weight:bold;
					background:url("../img/tab_izH.png") no-repeat left top;
				}
				div#wrap_header li.actived a span {
					background:url("../img/tab_deH.png") no-repeat right top;
				}
		
div#menu {
	width:100%;
	border-bottom:3px solid #ededed;
	background-color:#f5f5f5;
}
	div#menu cite {
		display:block;
		width:85%;
		margin:0 auto;
		line-height:35px;
		font-family:"Georgia", Times New Roman, Times, serif;
		color:#4f4f4f;
	}
	
			
div#contenido {
	overflow:hidden;
	position:relative;
	width:85%;
 	margin:0 auto;
}
div#contenido a {
	background:url("../img/link.gif") no-repeat right top;
	padding-right:10px;
}
/**
 * 3.-Footer
 */div#footer {
	width:100%;
	height:200px;
	border-top:3px solid #ededed;
	background:url("../img/footer.png") repeat-x 0 0;
}	
div#wrap_footer {
	overflow:hidden;
	width:85%;
	margin:0 auto;
}
	div#footer ul {
		position:relative;
		display:inline;  /* P.I.E */
		float:left;
		width:100%;
		margin-top:40px;
		padding-left:0;
		list-style:none;
		}
	div#footer ul li {
		display:inline;		
		padding:0 .7em;
		border-right:1px solid #e3e3e3;
	}
	div#footer ul li.first {
		padding-left:0;
		font-weight:bold;
		color:#4f4f4f;
	}
	div#footer ul li.no_border {
		border-right:0;
	}
	
	div#footer ul li.lang {
		position:absolute;
		right:0;
		padding-right:0;
	}
	div#footer ul li.lang select {
		padding:1px;
		width:100px;
	}
	div#footer ul li.actived a {
		color:#000;
		font-weight:bold;
		text-decoration:underline;
	}

/**
* Index.html
*/
#contenido #sidebarIz {
	width:65%;
}
#contenido #sidebarIz ol {
	overflow:hidden;
	height:100%;		/* P.I.E */
	margin-bottom:20px;
	list-style:none;
}

#contenido #sidebarIz li {
	display:list-item;		/* P.I.E */
	vertical-align:top;		/* P.I.E */
	float:left;
	height:109px;
	margin-right:20px;
}
#contenido #sidebarIz li.paso_1 {
	width:120px;  			/* P.I.E */
	background:url("../img/paso_1.png") no-repeat center bottom;
}
#contenido #sidebarIz li.paso_2 {
	width:175px;  			/* P.I.E */
	background:url("../img/paso_2.png") no-repeat center bottom;
}	
#contenido #sidebarIz li.paso_3 {
	width:123px;  			/* P.I.E */
	background:url("../img/paso_3.png") no-repeat center bottom;
}	

#contenido #sidebarDe {
	position:absolute;
	right:0;
	bottom:0;
	width:35%;
	padding:10px;
	background:#ededed url("../img/radius.jpg") no-repeat right top;
}
	#contenido #sidebarDe p#precio {
		position:absolute;
		top:-25px;
		left:-35px;
		width:70px;
		height:71px;
		text-align:center;
		background:url("../img/precio.png") no-repeat left top;
	}
	#contenido #sidebarDe p#precio a { display:block;background:none;}
	#contenido #sidebarDe p#precio em {
		font:1.3em Georgia, "Times New Roman", Times, serif;
		line-height:71px;
		color:#fff;
	}
		

#contenido #sidebarDe h3 {
	margin-top:0;
}	
/**
 * pedido.html
 */
div#columna_empezar {
	width:100%;
}
div#columna_empezar p.enviar_proyecto {
	background:url("../img/enviar_proyecto.png") no-repeat right top;
	height:115px;
	padding:0 116px 0 0;
}
div#columna_empezar form {width:100%;}

div#columna_empezar form ul {
	list-style:none;
	padding-left:0;
}


	form fieldset.fieldset_dp {
		float:left;
		width:50%;
		padding-bottom:25px;
	}
	form fieldset.fieldset_brow {
		float:right;
		width:45%;
	}
	form fieldset.fieldset_archivo {clear:both;width:99%;margin:0 auto; border:4px solid #ededed;}
	
div#columna_empezar form ul li {
	overflow:hidden;
	margin-bottom:10px;
}

div#columna_empezar form ul li input {
	display:none;
}
div#columna_empezar form ul li label {
	width:45%;
	padding:2px 0 5px  30px;
}
div#columna_empezar form ul li label.ie6_icon {
	background:url("../img/ie6.jpg") no-repeat left 0;
}
div#columna_empezar form ul li label.op9_icon {
	background:url("../img/op9.jpg") no-repeat left 0;
}
div#columna_empezar form ul li label.fx2_icon {
	background:url("../img/fx2.png") no-repeat left 0;
}

div#columna_empezar  form ul li a {
	display:block;
	float:left;
	width:25px;
	height:25px;
	text-indent:-9999px;
}
	div#columna_empezar  form ul li a.checkboxCancel {
		background:url("../img/cbox.jpg") no-repeat 0 0;
	}
	
	div#columna_empezar  form ul li a.checkboxSelect {
		display:none;
	}
		div#columna_empezar form ul li a.checkboxSelect {
			background:url("../img/cbox.jpg") no-repeat 0 -25px;
		}



/**
 * contacto.html
 */

div#contacto {
	width:100%;
}

form input#enviar_mensaje,
form input#enviar_proyecto {
	margin-left:25%;
	margin-top:20px;
	cursor:pointer;
}


/**
 * ayuda.html
 */
ul#ayuda_menu {
	position:absolute;
	right:0;
	width:157px;
	margin-top:30px;
	padding:15px;
	list-style:none;
}
ul#ayuda_menu  li {
	padding-left:20px;
	background:url("../img/bullet.png") no-repeat center left;
}

ul#ayuda_menu  a {
	background:none;
}

div#columna_faqs {
	width:70%;
}
div#columna_faqs ol h4,
div#columna_faqs ul h4 {
	font-size:13px;
	font-weight:bold;
	color:#4f4f4f;
}

table.precios {
	width:90%;
	border:1px solid #159acc;
	border-collapse:collapse;
	margin:0 auto 20px;
}
	table.precios tbody td, 
	table.precios thead th {
		padding:10px;
		text-align:center;
	}
	
	table.precios thead th {
		background-color:#2baedf;
		border-bottom:1px solid #159acc;
	}
	table.precios tbody td {
		background-color:#F6F6F6;
	}
	
/**
 * trabajos.html
 * 70px de ancho img
 * 50px de alto  img
 */
div#trabajos {
	overflow:hidden;
	float:left;
	width:70%;
}
	
	div#trabajos ul {
		margin:0;
		width:100%;
		list-style:none;
		padding-left:0;
	}
	div#trabajos ul li {
		overflow:hidden;
		height:100%;		/* P.I.E */
		margin-bottom:40px;
		color:#2874C1;
	}			
	div#trabajos ul li a {
		float:left;
		padding:5px;
		margin-right:20px;
		text-decoration:none;
		background:url("../img/c_a.png") no-repeat 0 0;
	}		
	
	div#trabajos ul li h3 {
		font-size:1em;
		font-weight:bold;
		margin:0;
		color:#4f4f4f;
		text-decoration:underline;
	}
	div#trabajos ul li p {
		margin:0;
	}
	

div#opiniones {
	float:left;
	width:30%;
}