@charset "utf-8";

/* Default */

	* { margin: 0; padding: 0; }
	
	body { background: #D8D4C8 url(../images/struct/bg01.jpg) repeat-x; font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #676257; }
	
	p, ol, dl {
		margin-top: 0;
		margin-bottom: 10px;
		line-height: 2;
	}
	
	a {
		color: #5a7111;
	}
	
	a:hover {
		text-decoration: none;
	}
	
	a.more {
		padding-left: 25px;
		background: url(../images/struct/img04.gif) no-repeat;
	}
	
	a img {
		border: 0;
	}
	
	.pcontainer {
		width: 1000px;
		margin: 0 auto;
	}
	
	.alignleft {
		float: left;
	}
	
	.alignright {
		float: right;
	}
	
	.aligncenter {
		margin: 0 auto;
	}
	


/* Top Menu */
	#topmenu-bg { background: url(../images/struct/bg02.jpg) no-repeat 50% 0; }
		#topmenu { height: 42px; padding-right: 50px; }
		#topmenu ul { float: right; margin: 0; list-style: none; line-height: 1.2; }
		#topmenu li { float: left; height: 42px; }
		#topmenu a { float: left; height: 30px; padding: 12px 15px 0 15px; text-decoration: none; color: #877953; }
		#topmenu .active a { background: url(../images/struct/img01.jpg) repeat-x; color: #dcd1af; }
		#topmenu a:hover { color: #dcd1af; }
/* Header */

	#header-bg { background: url(../images/struct/bg02.jpg) no-repeat 50% -42px; }
	
	#header { height: 133px; }

/* Logo */

	#logo { float: left; width: 1000px; height: 133px; position: relative; }
	#logo h1, #logo a { margin: 20px auto auto 20px; color: WHITE; font-weight: bold; font-size: 2.0em; text-decoration: none; }
	#logo a:hover { text-decoration: nome; }
	#logo p { margin: -15px 420px auto auto; padding: 0px; color: WHITE; font-weight: bold; font-style:italic; float: right; }


/* Menu */

	#menu-bg {
		background: url(../images/struct/bg02.jpg) no-repeat 50% -175px;
	}
	
	#menu {
		height: 54px;
	}
	
	#menu ul {
		margin: 0;
		list-style: none;
		line-height: 1.2;
		padding-top: 16px;
	}
	
	#menu li {
		float: left;
		height: 22px;
		padding: 1px 20px 0 22px;
		background: url(../images/struct/img03.gif) no-repeat;
	}
	
	#menu .first {
		padding-left: 40px;
		background: none;
	}
	
	#menu a {
		text-decoration: none;
		font-size: 15px;
		color: #4c422d;
	}
	
	#menu a:hover {
		text-decoration: underline;
	}

/* Page */

	#page-bg {
		background: url(../images/struct/bg03.gif) repeat-y 50% 0;
	}
	
	#page-bg-top {
		background: url(../images/struct/bg02.jpg) no-repeat 50% -229px;
	}
	
	#page {
		width: 1000x;
		padding: 20px 0 20px 0;
		height: auto;
		overflow: hidden;
	}

/* Content */

	#content { float: left; width: 1000px; height: auto; }	
	.title { margin: 0 auto 0 20px; font-size: 1.0em; color: #6f3600; }
	.title a { text-decoration: none; color: #6f3600;}
	.title a:hover { text-decoration:underline; font-weight: bold; color: #34220a; }
	
/* Entry */
	#entry { float: left; width: 625px; height: auto; padding: 20px 0 20px 0; }
	#entry .work_container { width: 280px; height: 150px; margin: 30px 10px 0 10px; float:left; }
	#entry .work_img { width: 280px; height: 130px; background: #BLACK; }
	#entry .work_text { display: block; width: 575px; height: 18px; font-size: 1.0em; padding: 0px 0px 5px 0px; margin: 0 auto 5px 25px; border-bottom: 1px #6f3600 dashed; color: #6f3600; font-weight: bold; }
	#entry fieldset { border:2px solid #34220a; margin: 30px 0 auto 25px; padding: 10px; font-size: 1.0em; letter-spacing: 2px; }
	#entry legend { padding: 0.2em 0.5em; border:3px solid #34220a; color:#34220a; font-size:1.2em; margin: 0; text-align:right; letter-spacing: normal; }
	#entry .tipo1 { color: #999; }
	#entry .tipo2 { color: #34220a; }
	#entry .comparteGooglePlus { display: block; width: 550px; height: auto; margin: 10px auto 0 auto; padding: 5px; border: 2px #dd4b39 dotted; }
	#entry .comparteFacebook { display: block; width: 550px; height: auto;  margin: 10px auto 0 auto; padding: 5px; border: 2px #35619f dotted; }
	#entry .comparteTwitter { display: block; width: 550px; height: auto;  margin: 10px auto 0 auto; padding: 5px; border: 2px #0094c1 dotted; }
	/*Entry total WIDTH*/
		#entry_totalWidth { width: 1000px; height: auto; padding: 20px 0 20px 0; }
		#entry_totalWidth fieldset { border:2px solid #34220a; margin: 30px 25px auto 25px; padding: 10px; font-size: 1.0em; letter-spacing: 2px; }
		#entry_totalWidth legend { padding: 0.2em 0.5em; border:3px solid #34220a; color:#34220a; font-size:1.2em; margin: 0; text-align:right; letter-spacing: normal; }
		#entry_totalWidth .tipo1 { color: #999; }
		#entry_totalWidth .tipo2 { color: #34220a; }
		#entry_totalWidth .comparteGooglePlus { display: block; width: 918px; height: auto; margin: 10px auto 0 auto; padding: 5px; border: 2px #dd4b39 dotted; }
		#entry_totalWidth .comparteFacebook { display: block; width: 918px; height: auto;  margin: 10px auto 0 auto; padding: 5px; border: 2px #35619f dotted; }
		#entry_totalWidth .comparteTwitter { display: block; width: 918px; height: auto;  margin: 10px auto 0 auto; padding: 5px; border: 2px #0094c1 dotted; }
		/*#entry_totalWidth dt { cursor: pointer; font-size:1.5em; font-weight: bold; font-style: normal; display: block; border-bottom: 2px dotted #666; margin: 25px 10px 15px 10px; }*/
		#entry_totalWidth dt{ cursor: pointer; font-size:1.3em; font-weight: bold; font-style: normal; display: block; margin: 10px 15px 0 15px; border-bottom: 2px #34220a dashed; color: #34220a; }
		#entry_totalWidth dd { font-size:1.0em; font-weight: bold; font-style: normal; display: block; padding:15px; }
		#entry_totalWidth dd h3 { font-size:1.2em; font-weight: bold; font-style: normal; display: block; margin: 5px auto 0 0; color: #666; }
		#entry_totalWidth dd p{ font-size:1.0em; padding-left: 5px; letter-spacing: 0; text-align:justify; font: Verdana; font-weight: normal; }
		#entry_totalWidth ul { font-weight: normal; font-style: normal; display: block; margin: 10px auto 0 35px; color: #333; list-style: none; }
		#entry_totalWidth li { letter-spacing: normal; font: Verdana; padding: 0 auto 0 18px; text-align:justify; }
		#entry_totalWidth li strong{ color: #34220a; }
		#entry_totalWidth img{ margin: 15px auto 0 auto; }
		#entry_totalWidth a, #entry_totalWidth a:link, #entry_totalWidth a:visited{ text-decoration: none; color: #34220a;}
		#entry_totalWidth  a:hover { text-decoration:underline; font-weight: bold; }
	
/* Sidebar */

	#sidebar { float: right; width: 350px; height: auto; padding-left: 15px; }
	/*#sidebar > h1 { font-size:2.1em; font-weight: bold; font-style: italic; text-decoration:underline; color: #34220a; }*/
	#sidebar > h1 { font-size:1.5em; font-weight: bold; font-style: normal; display: block; margin: 17px 37px 15px 0px; border-bottom: 3px #34220a dashed; color: #34220a; }
	#sidebar > h2 { font-size:1.5em; font-weight: bold; font-style: normal; display: block; border-bottom: 2px dotted #666; margin: 25px 37px 15px 10px;}
	/*#sidebar ul { list-style: none; list-style-type: none; margin: 0 auto 0 20px; }
	#sidebar li { font-size: 1.1em; display: block; height: 20px; margin: -0 auto 0 auto;}
	#sidebar a { border: none; color: #8A8A8A; }
	#sidebar a:hover { text-decoration: underline; color: #6f3600; font-weight: bold; }
	*/
	
	#sidebar ul { padding: 0px; margin: 5px 0 0 0px; }
	#sidebar li { font-size:1.0em; font-family: Verdana; font-weight: bold; text-transform: uppercase; color: #878787; }
	#sidebar li li a { background: url(../images/portfolio/flecha.jpg) left no-repeat; padding: 0 10px 0 15px; color: #8A8A8A; text-decoration: none; }
	#sidebar li li a:hover { color:#6f3600; text-decoration: underline; }
	#sidebar p { margin-right: 20px; text-align:justify; }

/* Sidebar - VER TRABAJO */
	#verTrabajo > h2 { font-size:1.5em; font-weight: bold; font-style: normal; display: block; margin: 17px 37px 15px 0px; border-bottom: 3px #34220a dashed; color: #34220a; }
	#verTrabajo > h3 { font-size: 1.3em; font-weight: bold; color:#6f3600; margin-bottom: 19px; }
	#verTrabajo > h3 li { color: #333; }
	#verTrabajo h4 { font-size: 1.2em; font-weight: bold; color: #6f3600; margin-top: 16px;}
	#verTrabjao p { color: #999; }
	#verTrabajo ul { padding: 0px; margin: 5px auto auto 5px; list-style: none;  }
	#verTrabajo li { background: url(../images/portfolio/flecha.jpg) left no-repeat; padding: 0 10px 0 15px; color: #666; text-decoration: none; font-size: 1.0em; }
	#verTrabajo a { color: #666; text-decoration: none; }
	#verTrabajo a:hover { color: #34220a; text-decoration: underline; font-weight: bold; }
	#verTrabajo .popupP { cursor: pointer;}
	
		
	.RED { color: #C00; }

/* Footer */
	
	#footer { width:1000px; height: 200px; margin: 0 auto 0 auto; background: #d2ccbc; }
	#footer-bg { padding: 0; margin: 0; background-color: #c2bda9; width: 100%;	height: auto; }
	#footerLeft { width: 200px; height: 200px; margin 0; padding: 0; display:block; float: left; text-align:center;}
		#footerLeft h1 { font-size: 1.5em; display:block; width: 200px; border-bottom: 3px #666 dashed; padding: 0; margin: 0 auto 0 0; font-stretch: ultra-expanded; }
		#footerLeft img { margin-top: 20px; }
	#footerRight { width: 800px; height: 200px; margin 0; padding: 0; display:block; float: left;}
		#footerRight h1 { font-size: 1.5em; display:block; width: 800px; border-top: 3px #666 dashed; border-left: 3px #666 dashed; padding: 0; margin: 0; text-align: center; font-stretch: ultra-expanded;}
		#footerRight ul { list-style: none; margin: 45px auto; padding: 0;}
		#footerRight li  { display: block; float: left; margin: 26px;}
		#footerRight li a {width:32px; height:32px; display:block; cursor: pointer;}
		#footerRight ul li a.facebook { background:url("../images/portfolio/botones_sociales/facebookOFF.png") no-repeat scroll 0 0 transparent; }
			#footerRight ul li a:hover.facebook { background:url("../images/portfolio/botones_sociales/facebookON.png") no-repeat scroll 0 0 transparent; }
		#footerRight ul li a.googleplus { background:url("../images/portfolio/botones_sociales/googleplusOFF.png") no-repeat scroll 0 0 transparent; }
			#footerRight ul li a:hover.googleplus { background:url("../images/portfolio/botones_sociales/googleplusON.png") no-repeat scroll 0 0 transparent; }
		#footerRight ul li a.twitter { background:url("../images/portfolio/botones_sociales/twitterOFF.png") no-repeat scroll 0 0 transparent; }
			#footerRight ul li a:hover.twitter { background:url("../images/portfolio/botones_sociales/twitterON.png") no-repeat scroll 0 0 transparent; }
		#footerRight ul li a.linkedin { background:url("../images/portfolio/botones_sociales/linkedinOFF.png") no-repeat scroll 0 0 transparent; }
			#footerRight ul li a:hover.linkedin { background:url("../images/portfolio/botones_sociales/linkedinON.png") no-repeat scroll 0 0 transparent; }
		#footerRight ul li a.rss { background:url("../images/portfolio/botones_sociales/rssOFF.png") no-repeat scroll 0 0 transparent; }
			#footerRight ul li a:hover.rss { background:url("../images/portfolio/botones_sociales/rssON.png") no-repeat scroll 0 0 transparent; }
		#footerRight ul li a.gmail { width:132px; height:132px; background:url("../images/portfolio/botones_sociales/gmailIcon.png") no-repeat scroll 0 0 transparent; margin-top: -50px; }
		#footerRight ul li a.phone { width:132px; height:132px; background:url("../images/portfolio/botones_sociales/phoneIcon.png") no-repeat scroll 0 0 transparent; margin-top: -50px; }
	
	#footerDown { width:1000px; height: 40px; margin: 0 auto 0 auto; background: #34220a; font-stretch: ultra-expanded; font: 0.9em "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:center; color: WHITE; }
		#footerDown p { width: 1000px; height: 40px; display: block; float:left; margin: 0; padding: 0; font-size: 1.0em; text-align:center; }
		#footerDown img { margin: 5px 15px 0 60px; display:block; float: left; }
		#footerDown .footertext { display: block; float: left; margin: 8px auto auto 15px; }


/*Form*/

#advancedCall fieldset { border:2px solid #34220a; margin: 30px 0 auto 25px; padding: 10px; font-size: 1.0em; letter-spacing: 2px; width: 550px; }
#advancedCall legend { padding: 0.2em 0.5em; border:3px solid #34220a; color:#34220a; font-size:1.2em; margin: 0; text-align:right; letter-spacing: normal; }
#advancedCall small { display: block; width: 110px; float: right; height: 20px; margin: 17px auto auto 15px; display:block; float: left;}
#stylingCall input, #advancedCall input { width:380px; height:35px; margin-bottom:5px;  font: 1.3em "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; padding-left:15px; display:block; float: left; }
textarea { width:380px; height:210px; overflow:hidden; margin-bottom:5px;  font: 1.3em "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; padding-left:15px; display:block; float: left;}
.submitbutton { cursor: pointer; height: 500px; font-size: 1.6em; width: 350px; margin: 15px auto 0 auto;}
.contactoFormFocusBlur { color:#34220a; border:3px solid #6f3600; font-stretch: ultra-expanded;} /* sin tocar */
.contactoFormFocus { color:#CCC;  border:3px dotted #66ff00; } /* escribo */
.contactoFormFocusKeydown { color: #CCC; border:3px dashed #66ff00; } /* clicko */
.contactoFormFocusNotEqualToDefault { color:#34220a; border:3px solid #66ff00; } /* rellenado - borde verde con letra marrón fuerte */
.error { display: block; float:left; width: 377px; font: 0.9em Verdana, Helvetica, sans-serif; background-color: #FFA6A6; color: #C00; border:2px solid #C00; padding: 3px 10px 3px 10px;}
label { display: block; float:left; width:398px; font-size:1.1em; font-weight: bold; font-style: normal; border-bottom: 2px dotted #34220a; color: #34220a; margin: 10px auto 5px 2px; }
.succes { display:block; color:#093; font-size: 1.3em; font-stretch: expanded; margin-top: 35px; margin-bottom: 35px;}