/* -------------------------------------------------------------- 
  
   Reset default browser CSS.
   
   Based on work by Eric Meyer:
   http://meyerweb.com/eric/tools/css/reset/index.html
   
-------------------------------------------------------------- */

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
   	 background:#fff;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a img { border: none; }

/*//*/
/*/////////////////////////////////////////////////////////////////// PORTFOLIO */
/*//*/


@font-face {
	font-family: 'OldStandardTTRegular';
	src: url('OldStandard-Regular.eot');
	src: local('Old Standard TT Regular'), local('OldStandardTT-Regular'), url('OldStandard-Regular.ttf') format('truetype');
}

@font-face {
	/*font-family: 'OldStandardTTItalic';*/
	font-family: "OldStandardTTRegular";
  	font-style: italic;
	src: url('OldStandard-Italic.eot');
	src: local('Old Standard TT Italic'), local('OldStandardTT-Italic'), url('OldStandard-Italic.ttf') format('truetype');
}



body {
	padding-top:35px;
	margin: 0px;
	padding-left: 40px;
	/*background-color: #FAF9F8;*/
	/*background: #ffffff url(http://www.loladesign.me/guides.gif) scroll 0 0;*/

	background-color: #FCFBFA;
	font-family:"OldStandardTTRegular", Didot, Times,serif;
	font-size:15px;
	line-height:1.2;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	color: #393a3d;
	/*width:940px;*/
	width:980px;
}

a {
	color: #cc0000;
	text-decoration: none;
	font-style:italic;
}

a:hover {
	/*color: #c7c6c5;*/
	color: #5E5E5E;
	text-decoration: none;
	font-style:italic;
}


img {border: 0;}

#header {
	float: left;
	clear: both;	
}

#header  h1.logo {
	width:205px;
	float:left;
}
#header h2.linea1 {
	width:475px;
	float:left;
	color: #B8B7B6;	
	margin:5px 0 0 9px;
}
#header #title {
	float: left;
	font-size: 34px;
	line-height:0;
	/*color: #c7c6c5;*/
	font-family: Helvetica Neue, Helvetica, Verdana, sans-serif;
	font-style:normal;
}



#header #title h1.logo a{
	display:block;
	width:175px;
	/*height:45px;*/
	padding:5px 12px 5px 12px;
	color: #c7c6c5;
	background-color: #cc0000;
	font-style:normal;
}



#header #title a:hover {
	color: #cc0000;
	background-color: #c7c6c5;
}
#header #title  h3.linea2{
	clear:both;
	width:900px;
	float:left;
	color: #918b81;
	/*color: #A8A597;*/
}

#header #title .linea3{
	/*color: #696661;*/
	color: #615F57;
}





/*////////////////////////////*/

#header #menu {
	float: left;
	font-size: 19px;
	/*word-spacing: 0.05em;*/
}

#main {
	float: left;
	clear: both;
	
}

/*///////////////////////////////////////////////// layout proyectos /*/

.fileGroup slideshow{
	width: 660px;
	float: left;
}

.textblock {
	width: 245px;
	float: left;
	margin:0 33px 0 0;
	/**margin-left:5px;*/
	.margin-left:0px;
	_margin-left:0px;
}


.textblock .destacado {
	font-style:italic;
	color: #5E5E5E;	

}


.file {
	margin-bottom: 1px;
	width: 660px;
}

.file img {
	display: block;
	padding: 0px;
	margin: 0px;
	width: 660px;
}

.title {
	font-weight: bold;
	color: #ff0000;
}

/*////////////////////////////////////////////////////  menu //*/

#menu {margin-top: -12px;}

#menu a {
	display:block;
	margin:12px 10px 0 0;
	/*text-decoration: underline;*/
	text-decoration: none;
	color: #393a3d;
}

#menu a:hover {
	color: #cc0000;
}

#menu ul {
	float: left;
	padding: 0px;
	margin: 0px;
	list-style: none;
}

#menu li {
	float: left;
	/*margin-right: 6px;*/
}

#menu .active a {
	text-decoration: none;
	color: #cc0000;
}

#menu .active a:hover {
	text-decoration: none;
	color: #cc0000;
}

/**/
/*//////////////////////////////////////// contenido páginas*/

#content {
	clear: both;
	width:945px;
	height:10px;
	min-height:10px;
	height:auto !important;
	overflow:hidden;
	margin-top: 25px;
	margin-bottom: 140px;
	margin-left: 0px;
	margin-right: 0px;
}

.pageContent{
	width: 945px;
	margin: 0px 0px 15px 0px;
}

.pageText {
	width: 700px;
}

/*//////////////////////////////////////// na vegaci´pn proyectos /*/


.projectList {
	margin: 0px 2px 20px 0px;
	width:940px;	
	clear: both;
}

.project {			
	text-decoration: none;
	color: #cc0000;
	background-color: #c7c6c5;
	margin: 0px -2px 30px 0px;
	padding:2px 8px 4px 6px;
	font-size: 18px;
	line-height: 1.8;
}


.project:hover {
	text-decoration: none;
	color: #c7c6c5;
	background-color: #cc0000;
}

.project.active {
	text-decoration: none;
	color: #c7c6c5;
	background-color: #cc0000;
}


/*//////////////////////////////////////*/

.slideshow-nav {
	padding-bottom:14px;
	font-size: 13px;
	width: 660px;
	color: #5E5E5E;
	font-style:italic;
	margin: 0px 0px 0px 506px;
	_margin-left:0px;
}
.slideshow {
	width: 660px;
	float:left;
}



.tags {
	margin-bottom: 10px;
}

