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

/* 	RESET  */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin: 0; padding: 0; outline:none;}
ol,ul,li	{ list-style:none; outline:none;}
a img,:link img,:visited img { border:none; outline:none;}
a 			{ text-decoration:none; outline:none;}
a:hover 	{ text-decoration:none; outline:none;}
.clear		{ clear:both; outline:none;}
object		{ outline:none;}


/* 	LAYOUT  */
body					{ background-color:#FFFFFF; font-family:Arial, Helvetica, sans-serif;}
#header					{ width:1000px; height:210px; float:left;}
	#head_logo			{ text-align:center; width:300px; height:210px; float:left;}
	#head_icon			{ width:700px; height:125px; padding-top:85px; float:left;}
		.iconos			{ width:40px; height:40px; float:right; margin-right:10px;}
#wrapper				{ width:1000px; float:left;}
	#menu				{ width:300px; float:left; text-align:center;}
	#content_wrapper	{ width:610px; float:left; margin-left:90px;}

/*  INDEX   */
#wrapper_index			{ margin:0 auto; width:277px; height:338px; margin-top:130px;}
#entra					{ margin:0 auto; width:277px; height:15px; margin:10px 0 10px 0;}

/*  ABOUT  */
#content_about			{ width:400px; float:left; text-align:center;}

/*  PORTFOLIO  */
#foto_portofolio		{ width:610px; height:322px; float:left;}
	#slideshow		 	{ margin:0 auto; width:610px; height:322px; position:relative;}
	#slideshow #slidesContainer { margin:0 auto; width:560px; height:322px; /*overflow:auto; /* allow scrollbar */ /*position:relative;*/}
	#slideshow #slidesContainer .slide { margin:0 auto; width:510px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */height:322px;}
	.control 			{ display:block; width:20px; height:322px; text-indent:-10000px; position:absolute; cursor: pointer;}
	#leftControl 		{ top:0; left:0; background:transparent url(../img/control_left.jpg) no-repeat 0 0;}
	#rightControl 		{ top:0; right:0; background:transparent url(../img/control_right.jpg) no-repeat 0 0;}
	.slide img 			{ margin-top:17px;}
#texto_portfolio		{ width:610px; height:70px; float:left;}
	#title_portfolio	{ width:275px; height:70px; float:left;}
		#tit_tp			{ width:250px; height:60px; float:left; margin-left:25px;}
		.nombre_tp		{ font-size:30px; color:#613263; margin-top:10px;}
		a.sitio			{ color:#1eae8a; font-weight:bolder; float:left;}
		a:hover.sitio 	{ color:#623262; font-weight:bolder; float:left;}	
	#descrip_portfolio	{ width:335px; height:50px; float:left; font-size:10px; color:#566767; padding-top:20px;}
li.tp					{ margin-bottom:4px; color:#566767; font-family:Arial, Helvetica, sans-serif; font-size:13px; text-align:left; margin-left:65px;}
li.tp a					{ margin-bottom:4px; color:#566767; font-family:Arial, Helvetica, sans-serif; font-size:13px;}

	.trabajoduro		{ width:610px; float:left; margin-top:20px;}

	/*SLIDE PORT*/
		h3				{ margin: 100px 10px 0 10px; color:#A5B0AB; font:14pt Arial, sans-serif; text-align:center;}
		.boxgrid		{ width: 192px; height: 230px; margin-right:5px; float:left; background:#623262; overflow: hidden; position: relative;}
		.boxgrid img	{ position: absolute; top: 0; left: 0; border: 0;}
		.boxgrid p		{ padding: 0 10px; color:#A5B0AB; font:9pt Arial, Helvetica, sans-serif; text-align:center;}
		.boxcaption		{ float: left; position: absolute; background: #000; height: 100px; width: 100%;}
		.captionfull .boxcaption { top: 260; left: 0;}
		.caption .boxcaption { top: 220; left: 0;}
		a.link			{ color:#ffffff;}
		a:hover.link			{ color:#1eae8a;}
	/*SLIDE PORT*/

/*  ARTE  */
#gallery 				{ width: 600px;}
#gallery ul				{ list-style: none;}
#gallery ul li 			{ display: inline;}
#gallery ul img 		{}
#gallery ul a:hover img {}
#gallery ul a:hover 	{}
li.agrande				{ color:#566767; font-size:10px;}


/*  CONTACTO  */
#cont_form				{ width:400px; height:332px; float:left;}
#txt_form				{ width:400px; float:left; font:Arial, Helvetica, sans-serif; font-size:11px; color:#566767; margin:19px 0 19px 0;}