/* 

	Template Name: Portfolius v.9

	Theme URI: http://pandathemes.com/

	Description: Designed by <a href="http://pandathemes.com/">PandaThemes.com</a>

	Version: 1.0

	Author: iKarina, iGor

	Author URI: http://pandathemes.com/

*/



/*-- STRUCTURE -----------------------------------------------------*/



HTML {

	height:100%;

	font-size:100.01%;

	}



BODY {

	min-height:100%;

	height:100%;

	color:#636d6f;

	background-color:#111;

	margin:0;

	padding:0;

	}



TD, BODY, DIV {

	font-family:Verdana, Arial, sans-serif;

	font-size:11px;

	font-style:normal;

	font-variant:normal;

	font-weight:normal;

	line-height:1.27em;

	vertical-align:top;

	}



IMG {

	border:0;

	display:block;

	}



TD, FORM {

	padding:0;

	margin:0;

	}



TABLE {

	border-collapse:collapse;

	}



p {

	padding:0;

	margin:0 0 11px 0;
	color:#FFFFFF;

	}



blockquote {

	display:table;

	font-size:120%;

	line-height:1.27em;

	padding:3px 20px 6px 6px;

	margin:9px 0 11px 0;

	color:#2D454A;

	border-left:3px solid #99b537;

	background:#f0f2f2;

	}



blockquote p {

	margin:0;

	}



strong {

	/*color:#2d454a;*/
	color:#FFFFFF;

	}



.clear {

	clear:both; 

	font-size: 0; 

	line-height: 0;

	}



.block {

	display:block;

	}



#layout {

	width:100%;

	min-height:100%;

	height:100%;

	}



#wrapper {

	width:780px;

	margin:0 auto;

	padding:0 0 100px 0;

	}



/*-- HEADER -----------------------------------------------------*/



#header {

	height:130px;

	}



.logo {

	}



/*-- HOME -----------------------------------------------------*/

.homearea {

	position:relative;

	margin:0 0 9px 0;
	

	padding:3px;

	height:900px;

	width:774px;
	

	background-color:none;

	background-image:url(images/bg_black.png);
	*background-image:url(images/homeie6.jpg);

	}



.welcome {

	position:relative;

	height:140px;

	display: table;

	width:99%;
	*width:95%;

	padding-left:20px;

	padding-right:20px;

	}

.welcome2 {

	position:relative;

	height:300px;

	display: table;

	width:99%;
	*width:95%;

	padding-left:20px;

	padding-right:20px;

	}

.welcome div {

	#position: absolute;

	#top: 10%;

	display: table-cell;

	vertical-align: middle;
	_vertical-align: top;

	

	}



.welcome div div {

	#position: relative;

	#top: -50%;

	padding:0 0 0 0;

	}



.welcome h3 {

	color:#ff9600;

	}



.welcome p {

	font-size:12px;

	line-height:1.4em;

	color:#FFF;

	}



.welcome a {

	font-size:12px;

	line-height:1.4em;

	color:#FFF;

	text-decoration:none;

	}



/*-- CONTENT -----------------------------------------------------*/



#contentarea {

	}



.contentarea {

	border:1px solid #000;
	margin:0 0 9px 0;
	padding:19px;
	*padding-right:0px;
	height:440px;
	background:#000;
	color:#FFFFFF;
	

	}



.contentbox {

	width:500px;
	*width:475px;

	float:left;

	}



.contentbox2 {

	width:199px;

	height:440px;

	float:left;

	border-right:1px dotted #bac3cb;

	}



.imgboard {

	border:1px solid #e1e5e6;

	padding:2px;

	float:left;

	margin:0 19px 12px 0;

	}



.imgboard1 {

	border:1px solid #e1e5e6;

	padding:2px;

	margin:0 0 15px 0;

	}



.imgboard2 {

	border:1px solid #e1e5e6;

	padding:2px;

	float:right;

	margin:0 0 12px 20px;

	}



ul#socialic {

	list-style-type:none;

	margin:0;

	padding:6px 0 12px 0;

	display:table;

	}



ul#socialic li {

	float:left;

	margin:0 5px 5px 0;

	}



ul#services {

	list-style-type:none;

	margin:0 0 8px 0;

	padding:0;

	display:table;

	}



ul#services li {

	width:199x;

	clear:both;

	display:table;

	padding:0 0 3px 0;

	}



ul#services li img {

	float:left;

	margin:0 19px 0 0;

	}



ul#features {

	list-style-type:none;

	margin:0;

	padding:19px 0 0 0;

	display:table;	

	}



ul#features li {

	float:left;

	margin:0 20px 10px 0;

	width:230px;

	}



ul#features li a {

	padding:0 0 2px 20px;

	background: url(images/arrow.gif) left 50% no-repeat;

	}



ul#months {

	list-style-type:none;

	margin:0;

	padding:0;

	display:table;	

	}



ul#months li {

	float:left;

	margin:0 20px 10px 0;

	width:180px;

	}



ul#months li a {

	padding:0 0 2px 20px;

	background: url(images/arrow.gif) left 50% no-repeat;

	}



/*-- SIDEBAR -----------------------------------------------------*/



.sidebarbox {

	float:right;

	width:265px;

	height:440px;

	padding:0;

	}



.sidebarbox2 {

	float:right;

	width:200px;
	*width:215px;

	height:440px;

	padding:0 0 0 19px;
	

	border-left:1px dotted #bac3cb;

	}

.sidebarbox2 div {
width:100%;
height:175px; 

}

/*-- FOOTER -----------------------------------------------------*/



#footer {

	font-size:11px;

	background:#000;

	padding:10px 0 11px 20px;

	color:#FFF;

	margin:0;

	filter:alpha(opacity=50);

	-moz-opacity: 0.50;

	opacity: 0.50;
	height:15px;
	
	}

#footer #desarrollado {
	float:right;
	margin-right:20px;
	z-index:5;
	
	
}

#footer span {

	position:absolute;

	text-align:left;

	width:540px;
	_width:540px;

	}



#footer a {

	color:orange;

	text-decoration:none;

	}

#footer a.blanco {

	color:white;

	text-decoration:none;

	}

#footer a:hover {

	text-decoration:underline;

	}



/*-- CONTACT FORM -----------------------------------------------------*/



.bgc {

	width:200px;

	height:395px;

	background:#FFF;

	}



#contact-form {

	width:200px;

	margin:0;

	padding:0;

	}



.contact-form input, 

.contact-form textarea {

	border:none;

	color:#2D454A;

	font-family:tahoma,arial,sans-serif;

	background:#f3f5f6;

	-moz-box-shadow: inset 0 1px 3px #cacbcb;

	-webkit-box-shadow: inset 0 1px 3px #cacbcb;

	}



.contact-form label {

	font-family:Tahoma,Verdana, Arial, sans-serif;	

	white-space:nowrap;

	display:block;

	font-size:10px;

	color:#728386;

	margin:0;

	padding:7px 0 0;

	}



.contact-form input[type=text]:focus,

.contact-form input[type=password]:focus,

.contact-form textarea:focus {

	outline: 0 none;

	}



.contact-form .name-input,

.contact-form .email-input,

.contact-form .url-input {

	width:95%;

	height:16px;

	font-family:arial, tahoma, sans-serif;

	font-size:13px;

	position:relative;

	float:left;

	margin:0 8px 7px 0;

	padding:5px;

	}



.contact-form .contact-form-comment {

	width:189px;

	font-size:13px;

	height:116px;

	position:relative;

	resize: none;

	margin:0 0 -5px 0;

	padding:5px;

	}



.contact-form .pushbutton-wide {

	font-family:arial, tahoma, sans-serif;

	font-size:10px;

	font-weight:normal;

	color:#FFF;

	text-decoration:none;

	text-transform:uppercase;

	border:none;

	width:109px;

	height:28px;

	padding:0;

	margin:0 5px 0 0;

	background:#0a9bb5;
	float:right;

	-moz-box-shadow: none;

	-webkit-box-shadow: none;

	}



.contact-submit span {

	font-family:Tahoma,Verdana, Arial, sans-serif;	

	display:block;

	font-size:10px;

	color:#728386;

	padding:15px 0 0 0;

	}







/*-- HEADERS -----------------------------------------------------*/



h2, h3, h4, h5, h6 {

	color:#FFF;

	font-style:normal;

	font-variant:normal;

	font-weight:normal;

	margin:0;

	}



h2 {

	font-size:30px;

	padding:22px 0 16px 0;
	*padding-top:0px;

	}



#TB_window h2 {

	line-height:1em;

	padding:6px 0 6px 0;

	margin:0 0 16px 0;

	border-bottom:1px dotted #BAC3CB;

	letter-spacing:-0.04em;

	}



.fullwidth h2 {

	font-size:36px;

	padding:0 0 22px 0;

	line-height:1em;

	letter-spacing:-0.04em;

	}



h3 {

	font-size:24px;

	padding:10px 0 12px 0;

	letter-spacing:-0.02em;

	line-height:1em;

	}



#flowpanes h3 {

	font-size:36px;

	padding:0 0 12px 0;

	line-height:1em;

	letter-spacing:-0.04em;

	}



.caption h3 {

	font-size:13px;

	margin:0;

	padding:0;

	font-weight:bold;

	color:#000;

	}



h4 {

	font-size:18px;
	
	padding:11px 0 14px 0;
	

	}



h5 {

	font-size:16px;

	padding:11px 0 9px 0;

	}



h6 {

	font-size:11px;

	font-weight:bold;

	padding:11px 0 9px 0;

	}



/*-- LINKS -----------------------------------------------------*/



a {	

/*	color:#0a9bb5; */
color:orange;

	outline:none;

	}



a:hover,

a.readmore:hover {	

	color:#ff9600;

	}



a.readmore {

	padding:0 0 2px 20px;

	background: url(images/arrow2.png) left 50% no-repeat;

	}



/*-- FULL WIDTH PAGE -----------------------------------------------------*/



.fullwidth {

	overflow:auto;

	}



.fullwidth img {

	display:block;

	float:left;

	margin:0 19px 16px 0;

	}



/*-- MISC -----------------------------------------------------*/



.h4 {	height:4px;}

.h9 {	height:9px;}

.h16 {	height:16px;}

.h19 {	height:19px;}



.hr {	

	border-bottom:1px dotted #bac3cb;

	clear:both;

	}



.pr19 {		padding:0 19px 0 0;}

.pl19-pr19 {	padding:0 19px;}



.mb17 {	margin-bottom:17px;}



#bq {

	font-family:"times new roman", times, georgia, serif;

	color:#99b537;

	font-size:48px;

	font-weight:bold;

	position:absolute;

	padding:8px 0 0 0;

	}



.bq {

	font-size:14px;

	line-height:18px;

	color:#728386;

	padding:0 0 0 28px;

	}



.right {	text-align:right;}



#crf {

	background:url(images/loading.gif) left top no-repeat;

	}



.cols_1 {

width:744px;

}

.cols_3 {

width:33%;
_width:31%;

float:left;

}



.eventos {

	color:#b900a8;
	*margin-bottom:10px;

	}



.cursos {

	color:#0073e4;
	*margin-bottom:10px;


	}	



.obras {

	color:#29e401;

	font-size:20px;

	text-align:center;

	margin-bottom:20px;

	margin-top:130px;

}	



#sidebar ul {

padding:0;

}



#sidebar img{

padding:5px;
padding-top:5px;

}

#sidebar h3 {

	padding:0;
	color:#5cb004;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	*font-size:18px;
	margin-top:30px;
	*margin-top:5px;
	margin-left:15px;
	margin-bottom:10px;
}
#sidebar a{
text-decoration:none;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
*margin-left:0px;
margin-left:15px;
}


#sidebar h2

{



padding:0;

}

#sidebar p {

padding-left:10px;

padding-right:10px;
*width:200px;
*padding-right:0px;

}



/*----------------------------------*/





/*-- GENERAL TABS -----------------------------------------------------*/



.menu {

	font-family:Tahoma, Verdana, Arial, sans-serif;

	list-style: none;

	margin:0 -1px 0px 0;

	padding:0;

	}



.menu:after {

	display: block;

	clear: both;

	content: " ";

	}



.menu li {

	float:left;

	margin:0 1px 0 0;

	min-width: 155px;

	}



.menu a, 

.menu a span {

	display: block;

	padding:0;

	}



.menu a {

	color:#FFF;

	background-color:#131313;

	background-image: url(images/menu.png);
	_background-image: url(images/menu_b_ie6.jpg);	

	background-position: left 0;

	background-repeat: repeat-x;

	top:0;

	}



.menu a {

	position: relative;

	z-index:2;

	font-size:12px;

	/*

	text-shadow:1px 1px 0px #FFF;

	*/

	font-weight:bold;

	line-height:1.2em;

	text-transform:uppercase;

	text-align:center;

	text-decoration:none;

	white-space: nowrap; /* required in IE 6 */	

	}



.menu a:hover {

	color:#FFF;

	background-color:#f18901;

	background-image: url(images/menu.png);
	*background-image: url(images/menuoie6.jpg);	

	background-position: left -50px;
	*background-position: left;

	background-repeat: repeat-x;

	}



.menu .tabs-selected a {

	color:#FFF;

	background-color:#f18901;

	background-image: url(images/menu.png);
	*background-image: url(images/menuoie6.jpg);	
	background-position: left -50px;

	background-repeat: repeat-x;

	top:0 !important;

	}



.menu .tabs-selected a, 

.menu a:hover, 

.menu a:focus, 

.menu a:active {

	outline: 0;

	}



.menu a span {

	width: 155px;

	min-width: 155px;

	height:27px;

	min-height:27px;

	padding:12px 0 0 0;

	}



*>.menu a span {

	width: auto;

	height: auto;

	}



.menu .tabs-selected a:link, 

.menu .tabs-selected a:visited, 

.menu .tabs-disabled a:link, 

.menu .tabs-disabled a:visited {

	cursor: pointer;

	}



.menu a:hover, 

.menu a:focus, 

.menu a:active {

	cursor: pointer;

	}



.menu .tabs-disabled {

	opacity: .4;

	}



.tabs-loading em {

	padding: 1px 0 1px 20px;

	background: url(images/loading.gif) no-repeat 0 50%;

	text-transform:none;

	font-style:normal;

	font-weight:normal;

	}



.menu li {min-width: 110px !important;} .menu a span {width: 110px !important; min-width: 110px !important;} 


.rss {

	float:right;
	margin-right:-10px;
	*margin-right:0px;
	margin-top:-35px;
	*margin-left:20px;

	}
	
#buscador{
	border:none;
	margin-top:20px;
	*margin-top:0px;

	margin-left:20px;
	background-image: url(images/buscador.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	width:221px;
	height:24px;
}	

.campobuscar {
	background-color:transparent;
	border:0 none;
	display:inline;
	float:left;
	height:20px;
	margin-left:20px;
	*margin-top:7px;
	*margin-top:5px !important;
	width:150px;
	*width:140px;
	*width:140px !important;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
}

.searchbutton {
	background-color:transparent;
	border:0 none;
	display:inline;
	float:right;
	height:30px;
	width:30px;
}

.sendbutton{
-moz-box-shadow:none;
background:none repeat scroll 0 0 #0A9BB5;
border:medium none;
color:#FFFFFF;
float:left;
margin-left:200px;
font-family:arial,tahoma,sans-serif;
font-size:10px;
font-weight:normal;
height:28px;
margin:0 5px 0 0;
padding:0;
text-decoration:none;
text-transform:uppercase;
width:109px;
}

.list-post{
min-height:175px;
}

#redsocial{ float:right; margin-top:65px;}

li {  list-style: none; }

.ngg-widget a, .ngg-widget a.readmore {
    float: left;
margin-left:20px;
}

.ngg-widget{ width: 800px; margin:auto;}