/*  
Theme Name: NEUE
Theme URI: http://www.neue.ces
Description: A clean and elegant theme
Version: 1.0
Author: Juan Manuel Evaristo Palomino
Author URI: http://www.juanmevaristo.com
*/

/* reset */
body,div,ul,li,h1,h2,h3,h4,blockquote,p { padding:0;margin:0 }

img { border:0 }

ul,li { list-style:none; }

/* layout */
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
	background:#EFEFEF url(img/fnd_site.jpg) repeat-y;
	color:#606060;line-height:1.6em; text-align:justify
	 }

#header { 
	overflow:hidden;
	margin:0 auto 0 96px;
	clear:both;height:1px
	}

#footer {
	clear:both;
	border-top:1px solid #ccc;
	margin-top:30px;
	padding:20px 10px;
	width:808px;
	font-size:90%
	}

#content {	

	margin:45px auto 0 96px;
	padding:85px 0 0px 30px; 
	background:#fff url(img/fnd_white_zone.gif) repeat-y;
	}
	
#bloque #content{
	margin-top:-70px;
	padding-top:100px;
	z-index:1
}	

	#bloque.home  #content{
		padding-top:130px;
	}

/* end layout */
/* list */
ul.list { margin:20px 0 20px 15px }

.list li {
	background:url(img/check.gif) top left no-repeat;
	padding:5px 0 15px 50px }

/* end list*/
/* typography */
h1 { font-size:350%;font-weight:normal }


h2{
	margin:0 0 5px 7px;
	font-family:"Trebuchet MS", Arial;
	font-size:180%;
	font-weight:normal;
}

.column h2{
	font-size:120%;
	color:#000;
	margin:0;font-weight:bold;
}

h2.orange{
	color:#FF5D00;
}	

h2.yellow{
	color:#FFBD00;
}	

h2.blue{
	color:#6521FF;
}	

h2.green {
	color:#027000;
}	
	
strong{
	color:#000
}

a{
	color:#000;
	text-decoration:none
}

a:hover{
	text-decoration:underline
}
/* end typography */

/* zones */

/* home*/
.column	{
	width:243px;
	padding:0 7px;
	float:left;
	margin-bottom:30px;
	margin-right:25px;
	
}

.column_double	{
	width:auto;
	padding:0;margin:0;
		float:left;margin-right:25px;
}

	.column_double .column{
		height:120px;
	}

.top{
	background:url(img/fnd_rayado.gif) repeat-x;
	
	padding-top:20px
	
}

.column.underlined{
	padding-bottom:20px;
	border-bottom:1px solid #ccc
}

#blue .column img{
	padding-bottom:2px;
	border-bottom:7px solid #6521FF;
	margin-bottom:10px	
}
#yellow .column img{
	padding-bottom:2px;
	border-bottom:7px solid #FFBD00;
	margin-bottom:10px
}
#orange .column img{
	padding-bottom:2px;
	border-bottom:7px solid #FF5D00;
	margin-bottom:10px
}

#green .column img{
	padding-bottom:2px;
	border-bottom:7px solid #027000;
	margin-bottom:10px
}

.column_media{
	width:389px;
	float:left;
	margin:0 40px 40px 0
}



.service{
	background:#D6D7D6;
	padding:10px 8px 8px;
	width:240px	
}		

.service .detail{
	padding:5px;
	background-color:#F1F2F1;
	font-size:90%
}

.service .detail .image{
	text-align:center;padding-top:5px}

.service .detail p{
	line-height:1.2em
}

#bloque_home{
	margin:48px 0 0 0px;z-index:;
	position:absolute
}

	
#bloque_visual{
	margin:47px 0 0 96px;height:430px;position:relative
}
	
	#bloque_visual img{
		margin-left:-14px;
	}

#bloque_empresa{
	margin:-415px 0 0 96px;
	position:relative
}
	
	
#bloque_mapa{
	margin:-412px 0 0 99px;position:relative;
}

/* paginas detalle */

.column_main{
	width:560px;
	margin-right:10px;
	float:left
}

	.column_main .element{
		border:1px solid #ccc;
		margin-bottom:7px;
		padding:0;
		text-align:center;
		background:url(img/fnd_img_details.jpg);
		width:100%;
	}

.column_second{
	background:#EAEAEA url(img/fnd_box_details.jpg) top left repeat-x;
	border:1px solid #ccc;
	width:219px;
	padding:12px 12px 20px 12px;
	float:left
}

	.column_second p{
		line-height:2em;
		color:#4C4C4C;
	}

	.column_second .colored{
		font-weight:bold;
		display:block;
		width:70px;
		float:left
	}
	
	#orange .column_second .colored{
		color:#FF5D00;
	}
	#yellow .column_second .colored{
		color:#FFBD00
	}
	#blue .column_second .colored{
		color:#6521FF
	}
	#green .column_second .colored{
		color:#027000
	}
	

	#orange .column_second{
		border-bottom:7px solid #FF5D00;
	}
	
	#yellow .column_second{
		border-bottom:7px solid #FFBD00;
	}
	
	#blue .column_second{
		border-bottom:7px solid #6521FF;
	}
	
	#green .column_second{
		border-bottom:7px solid #027000;
	}

.last{
	margin-right:0;
}
/*end zones*/
/* head */
	 #logo img{float:left;
	 	position:absolute;	margin:15px 0 0 30px;
	z-index:10
	 }

#nav { margin-top:19px;margin-left:189px;position:absolute}

	#nav li { float:left;text-indent:-5000px }

	#nav a {
		background:url(img/menu.png);
		display:block;
		height:44px;
		}

	#nav li.inicio a { background-position:0px 0px; width:64px }

	#nav li.servicios a { background-position:-64px 0px; width:80px}

	#nav li.identidad a { background-position:-144px 0px; width:83px}

	#nav li.grafico a { background-position:-228px 0px; width:126px}

	#nav li.web a { background-position:-355px 0px; width:42px}
	
	#nav li.arte a { background-position:-398px 0px; width:85px}
	
	#nav li.empresa a { background-position:-484px 0px; width:71px}
	
	#nav li.contacto a { background-position:-556px 0px; width:111px}

	
	#nav li.inicio a:hover,#nav li.inicio a.selected  { background-position:0px -44px;}

	#nav li.servicios a:hover,#nav li.servicios a.selected { background-position:-64px -44px;}

	#nav li.identidad a:hover,#orange #nav li.identidad a  { background-position:-144px -44px;}

	#nav li.grafico a:hover,#yellow #nav li.grafico a  { background-position:-228px -44px;}

	#nav li.web a:hover,#blue #nav li.web a{ background-position:-355px -44px;}
	
	#nav li.arte a:hover,#green #nav li.arte a  { background-position:-398px -44px;}
	
	#nav li.empresa a:hover,#nav li.empresa a.selected  { background-position:-484px -44px;}
	
	#nav li.contacto a:hover,#nav li.contacto a.selected  { background-position:-556px -44px;}

/* endhead */

/* form */



.frm{
	background:#E8E8E8;
	width:782px;
	padding:20px;
	overflow:auto
}

.frm p{
	margin-bottom:15px
}

#contactform{
	width:300px;float:left;
	border-right:1px solid #000;
	padding-right:30px;
	margin-right:40px;
}

label{
	width:70px;
	float:left;
	display:block;
}

input,textarea{
	width:215px
}

input.boton{
	width:auto;
	float:right;
	margin-right:10px
}

 /* form home */
 .susbox{
	background:#f9f9f9 url(img/fnd_rayado.gif) repeat-x;
 }
 
 .susBbox{
	background:#f9f9f9;
	width:808px;
	padding:10px;
	clear:both;float:left
 }
 
	 .susbox h2{
		border-bottom:1px solid #ccc;
		padding-bottom:5px;
		margin-bottom:15px;
	 }
	 
	 .susbox input, .susBbox input {
		border:1px solid #ccc;
		margin-bottom:3px;
		padding:3px;
		width:97%
	  }
	  .susBbox input{
		width:210px
	  }
	  
	  .susbox input.boton, .susBbox input.boton{
		background: url(img/fnd_btn.gif) repeat-x;
		width:auto;
		float:right;
		font-size:10px;
		margin:0 0 7px 0;
		color:#fff;
	  }

/* end form */
/* slider */

#mySlides{
	z-index:1;position:absolute;
}

#jFlowSlide{
	top:62px
}

#myController {
	position:absolute;
	z-index:10000;
	margin:424px 0 0 125px;
	padding:10px 25px;
	background:#404B19;	color:#FFF;
	opacity:0.7;
	filter:alpha(opacity=70);
	font-size:105%

}
#myController span{
	margin:0 2px;
	cursor:pointer;
}

.jFlowSelected{
	color:#FFBD00;
}
.jFlowPrev, .jFlowNext{
	cursor:pointer;
}	


/* social */

.social{
	float:right;
	margin:-5px 20px 0 0
}	

	.social li{
		float:left;
		margin-left:15px	
	}