/* Creixems Web Studio - Modelo general de CSS - CC 3.0*/

@font-face {
	font-family: 'MyriadProSemiboldItalic';
	src: url('myriadpro-semiboldit-webfont.eot');
	src: local('☺'), url('myriadpro-semiboldit-webfont.woff') format('woff'), url('myriadpro-semiboldit-webfont.ttf') format('truetype'), url('myriadpro-semiboldit-webfont.svg#webfontFnJNOPvM') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MyriadProSemibold';
	src: url('myriadpro-semibold-webfont.eot');
	src: local('☺'), url('myriadpro-semibold-webfont.woff') format('woff'), url('myriadpro-semibold-webfont.ttf') format('truetype'), url('myriadpro-semibold-webfont.svg#webfontJOy2aP16') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MyriadProRegular';
	src: url('myriadpro-regular-webfont.eot');
	src: local('☺'), url('myriadpro-regular-webfont.woff') format('woff'), url('myriadpro-regular-webfont.ttf') format('truetype'), url('myriadpro-regular-webfont.svg#webfontSASCHoCN') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MyriadProItalic';
	src: url('myriadpro-it-webfont.eot');
	src: local('☺'), url('myriadpro-it-webfont.woff') format('woff'), url('myriadpro-it-webfont.ttf') format('truetype'), url('myriadpro-it-webfont.svg#webfont6TGYQWTx') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'CalibriItalic';
	src: url('calibrii-webfont.eot');
	src: local('☺'), url('calibrii-webfont.woff') format('woff'), url('calibrii-webfont.ttf') format('truetype'), url('calibrii-webfont.svg#webfont98YTiaju') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MyriadProBoldItalic';
	src: url('myriadpro-boldit-webfont.eot');
	src: local('☺'), url('myriadpro-boldit-webfont.woff') format('woff'), url('myriadpro-boldit-webfont.ttf') format('truetype'), url('myriadpro-boldit-webfont.svg#webfont4PkfBZOc') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MyriadProBold';
	src: url('myriadpro-bold-webfont.eot');
	src: local('☺'), url('myriadpro-bold-webfont.woff') format('woff'), url('myriadpro-bold-webfont.ttf') format('truetype'), url('myriadpro-bold-webfont.svg#webfont9cljUiVa') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'CalibriRegular';
	src: url('calibri-webfont.eot');
	src: local('☺'), url('calibri-webfont.woff') format('woff'), url('calibri-webfont.ttf') format('truetype'), url('calibri-webfont.svg#webfont3vQgazjj') format('svg');
	font-weight: normal;
	font-style: normal;
}





/*-------------------------Styles: Etiquetas Basicas----------------------*/

h1,h2,h3,h4 { 	font-family: "MyriadProSemibold", "Century Gothic", helvetica, arial, sans-serif;  font-weight: normal;}

h1 {
	font-size: 2.1em;
	margin:6px 0 6px;
	/*border-bottom: solid 1px #009900;*/
	text-align:left;
	color: #069;
	letter-spacing: -0.05em;
}

body.home h1 { font-size: 1.8em; text-align:center; border-bottom: solid 1px #cfcfcf; }


h2 {
	font-size: 1.7em;
	margin:8px 0 4px;
	text-align:left;
	color: #690;
	margin-bottom: 8px;
	clear:both;	
	width: 100%;
}

body.portfolio h2 { clear:both; margin: 20px 0 10px 0; float:left; }


h3 {
	font-size: 1.3em;
	margin:5px 0 4px;
	border-bottom: solid 1px #6699CC;
	text-align:left;
	color: #4EA5F1;
	margin-bottom: 8px;
	
}

h4 {
	font-size: 1.25em;
	width:100%;
	margin:5px 0 4px;
	text-align:left;
	color: #509DD4;
	margin-bottom: 8px;
	
}

p {
	/*font-size: 1.25em;*/
	text-align: left;
	margin-bottom: 13px;
	line-height: 130%;	
}

ul.lista1, #twitter_update_list { text-align: left;	margin: 0 0 10px 5px; }

ul.lista1 li, #twitter_update_list li {
	margin: 0 0 12px 0;
	padding: 0 0 0 20px;
	background: url(../img/tick.png) no-repeat top left;
	list-style-image:none; /*list-style-image:url(../img/vineta-blue.png);*/
	list-style-position: outside;
}


/*------------------------Styles: links-------------------------*/

a {	color: #416D9E;	text-decoration: none; }
a:hover { color: #5FB015;	text-decoration: underline; }
a img {	border:0; outline:none; }

#footer a {	font-weight:bold; color:#364F1E;	}
#footer a:hover { font-weight:bold;	text-decoration:underline;	color: #1C628C;	}

/*--------------------------Styles: clases comunes-------------------*/

.resaltado { color: #344D67;	font-weight: bold; }
.textowhite { color: #ffffff; font-weight: bold; }

.resaltemosleguey {
	font-size: 1.1em;
	color: #143E57;
	padding: 8px 8px 4px 8px;
	margin: 10px auto 10px auto;
	width: 90%;
	border: solid 1px #143E57;
	background-color:#C0DAE9;
	text-align:center;
	
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
	-moz-border-radius: 8px; -webkit-border-radius: 8px;
}
.resaltemosleguey a { color: #143E57; }

.resaltemosleguey2 {
	font-size: 12px;
	padding: 4px 8px;
	margin: 8px auto;
	width: 80%;
	border: solid 1px #8C0;
	background-color: #C7FAA0;
	text-align:center;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
}

.images {
	border: none;
	text-align:left;
	float: left;
	margin: 0 8px 0 0;
}

.imagesright {
	border: none;
	text-align:left;
	float: right;
	padding-left: 10px;
}

.imagescenter, .center { border: none;	text-align:center;	margin: auto; }
.imagescenter img { border: none; }

.alignright { float:right; margin: 0 0 5px 5px; }
.alignleft { float:right; margin: 0 5px 5px 0; }
.aligncenter { width:auto; margin:auto; text-align:center; clear:both; }

.snapshot { background: #f3f3f3; padding: 8px 8px 30px 8px; margin: 0 0 10px 10px; float:right; 
			-moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.3); -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.3); }

.contentblock, .quotes { float:left; border: solid 1px #cfcfcf; padding: 3px 10px; overflow:auto; margin: 5px 0 12px; -moz-border-radius: 8px; -webkit-border-radius: 8px;  }
.contentblock p.cargo { font-size: 0.9em; color: #9a9a9a; text-align:right; }
blockquote { font-size:1.1em; color:#3E7BBF; font-family: 'MyriadProItalic'; padding: 0 0 15px; } 

.quotes { width: 420px; padding: 12px; margin: 5px 8px 10px 8px; height: 135px; }
.quotes blockquote { color: #7a7a7a; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; text-align:center; }
.quotes p.quotecredit { text-align:right; }

.geniuswork { width: 100%;	clear:both;	}

/*------------------------Item: portafolio-------------------------*/


.portfolioitem {
	background: #f1f1f1;
	margin: 6px;
	padding: 6px 3px 6px 1px;
	width: 290px;
	height: 160px;
	border: 1px solid #cfcfcf;
	float:left;
	font-size: 0.85em;
	
	-moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.2); -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
	-moz-border-radius: 8px; -webkit-border-radius: 8px;
}

 .portfolioitem ul { float:left; width: 135px; margin:5px 0 0 0; }
 .portfolioitem h3 { width:100%; margin:0 0 10px; border-bottom: solid 1px #cfcfcf; text-align:center; font-size: 1.7em;}
 .portfolioitem img.images { margin: 0 5px 0 0; }


/*------------------------Item: Formularios------------------*/

.formulario {
	
	text-align:center;
}

	.formulario fieldset{
		border: solid 1px #87CE1C;
		padding: 3px 3px 3px 8px;
		margin: 5px 0;
		-moz-border-radius: 5px; -webkit-border-radius: 5px;
		
		}
	.formulario legend{
		border: solid 1px #7DCB20;
		padding: 3px 7px;
		font-size: 1.1em;
		color: #2B4E0C;
		background:#7DCB20;
		margin:0 0 5px 0;
		-moz-border-radius: 5px; -webkit-border-radius: 5px;
		text-align:left;
		}
	.formulario label { text-align:right; width: 70px; float:left; padding:5px 10px 5px 5px; text-align:right; margin: 6px 0; }	
	.formulario label#labelcomment { float:none; text-align:center; margin: 0 0 0 0; }
		
	.formulario input, .formulario textarea, .formulario select {
		float:left;
		border: 1px solid #cfcfcf;
		background-color: #ececec;
		color: #324252;
		font-size:0.9em;
		font-family:  "MyriadProRegular", "Century Gothic", helvetica, arial, sans-serif; 
		padding: 5px;
		width: 150px;
		margin: 6px 0;
		clear:right;
		
		-moz-box-shadow: inset 1px 1px 3px rgba(0,0,0,0.15); -webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0,0.15);
		-moz-border-radius: 5px; -webkit-border-radius: 5px;
		
	}
	
	.formulario input#tiempo {  width: 70px; }
	
	.formulario textarea {
		height: 80px;
		width:490px;
		margin: 5px auto 10px auto;
		float:none;
	}
	
	.formulario .button {
	background: url(../img/menubg.png) repeat-x;;
	height: 35px;
	line-height: 35px;
	width: 90px;
	margin: 10px  auto 0 auto;
	padding: 0px;
	border: solid 0px #ffffff;
	cursor: pointer;
	font-size: 1.2em;
	color:#2B4E0C;	
	float:none;
	text-align:center;
	clear:both;
	
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.3); -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
		-moz-border-radius: 5px; -webkit-border-radius: 5px;
	
		
}


/*-----------------otros---------------*/

a.sabermas {
	float:right;
	clear:both;
	width: 120px;
	height: 35px;/*40-5*/
	padding: 6px 0 0 0;
	color:#185587;
	background:url(../img/sabermashover.png);
	background-position: top right;
	background-repeat:no-repeat;
	font-size:1.2em;
	}
a.sabermas {
	background-image:url(../img/sabermas.png);
	background-position: top right;
	background-repeat:no-repeat;
	}
a:hover.sabermas  {
	background-image:url(../img/sabermashover.png);
	background-position: top right;
	background-repeat:no-repeat;
	color:#090;
	}	
/*-----------------blog section----------------*/	

#creditfooter {
	display:none;
}

#blogcolright { float:left; width: 280px; padding: 0 20px; min-height: 600px; }

#blogcolleft {
	margin:auto;
	width: 610px;
	float:left;
}
.feedburnerFeedBlock ul li {
	float:left;
	width: 590px;
	list-style:none inside;
	margin: 0 20px 20px 0;
	border: solid 1px #ccc;
	padding: 10px;	
	-moz-border-radius: 8px; -webkit-border-radius: 8px;
}
.feedburnerFeedBlock ul li ul li {
	margin: 0 0 0 0;
	padding: 0 0 10px 10px;
	list-style-image:url(../img/vinetabluelight.jpg);
	list-style-position: inside;	
	border:0;
}

p.date {
	color: #487C21;
	margin: 5px;
	
}
.feedTitle {
	display:none;
}
.headline {
	font-size: 1.3em;
	width:100%;
	padding-bottom:4px;
	border-bottom: 0;
	font-weight: bold;
	text-align:left;
	color: #3C631F;
	margin-bottom: 8px;
	clear:both;	
}
	
.feedburnerFeedBlock ul li h2, .feedburnerFeedBlock ul li h3  {
	font-size: 1.5em;
	width:100%;
	padding-bottom:4px;
	border-bottom: 0;
	font-weight: bold;
	text-align:left;
	color: #3C631F;
}

/*-----------------------------Item: Tablas-------------------------*/

.tabla {
	margin:auto;
	width:90%;
	border: solid 1px #738A9B;
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2); -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	
}

.tabla th  {width: 60%; text-align:left; padding: 4px 10px; margin:0; border-bottom: dotted 1px #89BEE1; }
.tabla tr.tablaheader { background:#8C0; color:#39560E; }
.tabla tr.tablaheader td {  border:0; }
.tabla tr.tablaheader { border-bottom: solid 2px #470; font-size:1.2em; }
.tabla tr.tablaheader.noborder { border-bottom: 0; }
.tabla td{ padding: 4px; margin:0; width: 10%; text-align:center; border-bottom: dotted 1px #89BEE1; }

.tabla tr.tablalast td, .tabla tr.tablalast th { border:0; background:#89BEE1; }
	
		.tabla thead td {
			font-weight: bold;
			background-color: #438015;
		}