/* CSS Document */


/*------------------------------------------------------------------------------
Para posicionar el footer hasta abajo y dar cuerpo
------------------------------------------------------------------------------*/

html {
	margin:0;
	padding:0;
	height: 100%;
}

body {	
	margin:0;
	padding:0;
	height: 100%;
	background:#fff url(../images/fondo.jpg) no-repeat;
	background-attachment:fixed;
	background-size:cover;
	font-family:Calibri, Candara, Tahoma, Arial;
	font-size:14px;
	line-height:1.4;
}

#container-page {
	width: 100%;
	min-width:100%;
	min-height:100%;
	height: auto !important;
	height: 100%;
	padding: 0;
	position: relative;
	background:url(../images/fondostripes.png) center top;
}

#container-content {
	padding-bottom: 35px;
	min-width:1000px;
	min-height:400px;
	padding-top:35px;
	background:url(../images/fondoshadowtop.png) center top repeat-x;
}

#container-foot {
	width: 100%;
	bottom: 0 !important;
	bottom: -1px;
	height: 35px;
	position: absolute;
	z-index:800;
	background:url(../images/footerfondo.png);
	min-width:1000px;
	overflow:hidden;
}

/*------------------------------------------------------------------------------
Colores Generales
------------------------------------------------------------------------------*/
/*Normal Grey*/
body,
.color01{
	color:#555555;
}

/*Corporative Green*/
#semblanzacontent h3,
#semblanzacontent .highlight01,
#contentholder #content-block #content h2,
#content a,
#avisoPrivacidad a,
.color02{
	color:#8ec140;
}

/*Light Green*/
#conferencesholder #conferencesholdertable #tablecolumn02 #catemenu .rowpair:hover a,
#conferencesholder #conferencesholdertable #tablecolumn02 #catemenu .rownon:hover a,
#conferencesholder #conferencesholdertable #tablecolumn02 #catemenu li a:hover,
#catemenu .rowpair:hover a,
#catemenu .rownon:hover a,
#catemenu li a:hover,
#conferencesholder #conferencesholdertable #tablecolumn01 #slider .slideholder .speakerinfo p,
#topmenu #menuholder #menusearch #realsearch .mainSearchSelect,
.swiper-container .swiper-wrapper .swiper-slide .result p,
#diezmastop a:hover .bloque .conftext h2,
#homeside p a:hover,
#footer p a:hover,
.color05{
	color:#8ec140 !important;
}

/*Lighter Green*/
#topmenu #menuholder #menusearch #realsearch #mainSearch .mainSearchInput:hover,
#topmenu #menuholder #menusearch #realsearch .mainSearchSelect:hover,
#conferencesholder #conferencesholdertable #tablecolumn02 #catemenu li:nth-child(even) a,
#conferencesholder #conferencesholdertable #tablecolumn02 #catemenu li:nth-child(odd) a,
#conferencesholder #conferencesholdertable #tablecolumn02 #catemenu li a,
#catemenu li:nth-child(even) a,
#catemenu li:nth-child(odd) a,
#catemenu li a,
#footer > a:hover,
#diezmastop a .bloque .conftext h2,
#diezmasbottom a .bloque .conftext h2,
#homeside p a,
#footer p a,
.color06{
	color:#bbdd86;
}

/*Dark Green*/
#topmenu #menuholder #menusearch #realsearch .searchLabel,
#conferencesholder #conferencesholdertable #tablecolumn02 #catemenu li a.active,
#catemenu li a.active,
#semblanzacontent h2,
#semblanzacontent a,
#semblanzacontent blockquote,
#semblanzacontent .highlight02,
#contentholder #content-block #content .highlight,
#content a:hover,
#diezmastop a .bloque .photoavatar .RankNum,
#diezmasbottom a .bloque .photoavatar .RankNum,
#avisoPrivacidad a:hover,
.color03{
	color:#568526 !important;
}

/*Darker Green*/
#semblanzaCol #semblanzacita,
#semblanzacontent a:hover,
#semblanzaCol #temas,
#semblanzacontent .highlight03,
#topmenu #menuholder #menusearch #realsearch #mainSearch .mainSearchInput,
#homeside p .telephone,
.color04{
	color:#2f5e12;
}

/*White Ligh */
#topmenu #menuholder #menusearch #realsearch #mainSearch .mainSearchInput:focus,
#topmenu #menuholder #menusearch #realsearch .mainSearchSelect:focus,
#footer p,
#footer > a,
#contentholder h1,
#conferencesholder #conferencesholdertable #tablecolumn01 #slider .slideholder .speakerinfo h2,
#conferencesholder #conferencesholdertable #tablecolumn01 #slider .slideholder .speakerinfo p,
#conferencisttitle,
.swiper-container .swiper-wrapper .swiper-slide .result h2,
#conferencesholder #conferencesholdertable #tablecolumn02 #catemenu li a.active,
#conferencesholder #conferencesholdertable #tablecolumn02 #catemenu li a,
#catemenu li a.active,
#catemenu li a,
#diezmastop a .bloque .conftext p,
#diezmasbottom a .bloque .conftext p,
#homeside p,
.color07{
	color:#fff;
}




/*------------------------------------------------------------------------------
MENU
------------------------------------------------------------------------------*/
#topmenu{
	position:absolute;
	top:-35px;
	width:100%;
	min-width:1000px;
	height:150px;
	background:url(../images/menu-fondo.png) center top repeat-x;
}

#topmenu #menuholder{
	width:80%;
	height:150px;
	min-width:1000px;
	max-width:1400px;
	margin:0 auto;
}

#topmenu #menuholder #menufacebook{
	display:block;
	float:left;
	width:80px;
	height:70px;
	margin:47px 5px 0 15px;
}

#topmenu #menuholder #mainmenucentered{
	margin:0 0 0 .8%;
	width:64%;
	height:150px;
	display:block;
	float:left;
	text-align:center;
}

#topmenu #menuholder #mainmenucentered #logo{
	display:inline-block;
	background-image:url(../images/logodivulga.png);
	width:172px;
	height:75px;
	margin:37px 0 0 0;
}

#topmenu #menuholder #mainmenucentered #logo a{
	display:block;
	width:100%;
	height:100%;
}

#topmenu #menuholder #mainmenucentered #menu{
	list-style:none;
	padding:0;
	margin:65px 0 0 0;
	float:right;
}

#topmenu #menuholder #mainmenucentered #menu li{
	list-style:none;
	padding:0;
	margin:0 3px;
	display:block;
	width:107px;
	height:37px;
	float:left;
	background-position:left top;
	background-repeat:no-repeat;
}

#topmenu #menuholder #mainmenucentered #menu li:hover{
	background-position:center top;
}

#topmenu #menuholder #mainmenucentered #menu li.active{
	background-position:right top !important;
}


#topmenu #menuholder #mainmenucentered #menu li a{
	width:100%;
	height:100%;
	display:block;
}

#topmenu #menuholder #mainmenucentered #menu li a .menutitle{
	display:none;
}

#topmenu #menuholder #menusearch{
	display:block;
	width:240px;
	margin:0;
	float:right;
	position:relative;
	height:150px;
}

#topmenu #menuholder #menusearch #searchmock{
	text-align:center;
	margin:55px 0 0;
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:240px;
}

#topmenu #menuholder #menusearch #realsearch{
	position:absolute;
	top:0;
	left:0;
	display:none;
}

#topmenu #menuholder #menusearch #realsearch .searchLabel{
	float:left;
	clear:both;
	width:60px;
	margin:0 10px 5px 0;
	height:23px;
	font-size:12px;
	line-height:23px;
}

#topmenu #menuholder #menusearch #realsearch #mainSearch{
	float:left;
	width:168px;
	height:23px;
	overflow:hidden;
	margin:0;
	padding:0;
	display:block;
}

#topmenu #menuholder #menusearch #realsearch #mainSearch .mainSearchInput{
	font-family:Calibri, Verdana, Arial;
	font-size:12px;
	background-color:transparent;
	background-position:left top;
	background-repeat:no-repeat;
	border:0 none;
	padding:0 10px;
	background-image:url("../images/menu-searchinput.png");
	float:left;
	width:120px;	
	height:23px;
	margin:0 0 6px;
}

#topmenu #menuholder #menusearch #realsearch #mainSearch .mainSearchSubmit{
	width:26px;
	height:23px;
	background-color:transparent;
	background-image:url(../images/menu-searchbutton.png);
	margin:0;
	padding:0;
	border:0;
	display:block;
	float:left;
}

#topmenu #menuholder #menusearch #realsearch .mainSearchSelect{
	font-family:Calibri, Verdana, Arial;
	font-size:12px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position:left;
	-webkit-appearance: none;
	padding:3px 8px;
	border:0;
	cursor:pointer;
	background-image:url("../images/menu-searchselect.png");
	float:left;
	width:166px;	
	height:23px;
	margin:0 0 6px;
}

#topmenu #menuholder #menusearch #realsearch .mainSearchSelect option{
	background-color:#2f5e12;
	border:0;
	padding:2px;
}

#topmenu #menuholder #menusearch #realsearch #mainSearch .mainSearchInput:hover,
#topmenu #menuholder #menusearch #realsearch .mainSearchSelect:hover{
	background-position:center top;
}

#topmenu #menuholder #menusearch #realsearch #mainSearch .mainSearchInput:focus,
#topmenu #menuholder #menusearch #realsearch .mainSearchSelect:focus{
	background-position:right top;
}

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

#footer{
	width:900px;
	margin:0 auto;
	height:35px;
}

#footer p{
	float:left;
	margin:0 40px 0 0;
	font-size:12px;
	line-height:35px;
}

#footer p span{
	font-size:18px;	
}

#footer p a{
	margin:0 3px;
	text-decoration:none;
	font-size:12px;
}

#footer > a{
	float:left;
	font-size:12px;
	line-height:35px;
	font-weight:bold;
	display:block;
	text-decoration:none;
}

#footer table{
	margin:7px 0 0 0;
	float:right;
}

#footer table tr td div{
	margin:0 15px;
}

/*------------------------------------------------------------------------------
GENERALES
------------------------------------------------------------------------------*/

.imgBtn{
	background-position:left top;
	background-repeat:no-repeat;
	cursor:pointer;
}

.imgBtn:hover{
	background-position:right top;
}

#contentholder{
	width:80%;
	min-width:1000px;
	max-width:1400px;
	margin:100px auto 0;
}

#contentholder h1{
	text-align:center;
}

/*------------------------------------------------------------------------------
Formas
------------------------------------------------------------------------------*/

.mainform .label{
	display:block;
	font-style:italic;
	font-weight:bold;
	font-size:12px;
	width:60px;
	height:25px;
	float:left;
	line-height:25px;
	margin:0 0 15px 0;
	padding:0 15px 0 0;
	text-align:right;
	clear:both;
}



.mainform .inputText{
	background-color:transparent;
	background-image:url(../images/homecontactform-input.png);
	background-position:left top;
	background-repeat:no-repeat;
	border:0 none;
	float:left;
	height:17px;
	padding:4px 12px;
	width:156px;
	margin:0 0 15px 0;
	font-family:Calibri, Candara, Tahoma, Arial;
}

.mainform .inputText:hover{
	background-position:center top;
}

.mainform .inputText:focus{
	background-position:right top;
}



.mainform .inputSelect{
	background-color:transparent;
	background-image:url(../images/homecontactform-select.png);
	background-position:left top;
	background-repeat:no-repeat;
	border:0 none;
	float:left;
    height: 25px;
    margin: 0 0 15px;
    padding: 4px 8px;
    width: 180px;
	font-family:Calibri, Candara, Tahoma, Arial;
}

.mainform .inputSelect:hover{
	background-position:center top;
}

.mainform .inputSelect:focus{
	background-position:right top;
}


#err{
	background:#67a9e2 url(../images/fondoerror.png) left center no-repeat;
	height:30px;
	line-height:30px;
	margin:0 0 20px;
	padding:5px 25px 5px 50px;
	display:none;
}


.mainform .inputTextarea{
	background-color:transparent;
	background-image:url(../images/contentcontactform-textarea.png);
	background-position:left top;
	background-repeat:no-repeat;
	border:0 none;
	height:111px;
	padding:10px 15px 10px 10px;
	margin:0 0 15px 0;
	width:269px;
	font-family:Calibri, Candara, Tahoma, Arial;
}

.mainform .inputTextarea:hover{
	background-position:left center;
}

.mainform .inputTextarea:focus{
	background-position:left bottom;
}

.mainform h2{
	clear:both;
	margin:18px 0 6px !important;
}


.mainform .formSubmit{
	background-color:transparent;
	border:0;
	cursor:pointer;
}

.mainform .submitDownload{
	background-color:transparent;
	border:0;
	cursor:pointer;
	background-image:url(../images/contentcontactform-descargar.png);
	width:214px;
	height:38px;
	display:block;
	margin:0 auto;
	clear:both;
}

.mainform .movingcol{
	display:block;
	width:250px;
	float:left;
	margin:0 20px 0 0;
}

.mainform .formEnviar{
	background-image:url(../images/contentcontactform-submit.png);
	width:214px;
	height:39px;
	display:block;
	margin:0 auto;
}