/* CSS Document */



body{
	padding: 0;
	margin: 0;
	background: url(../images/bg_50.gif);
	color: #039;
	}
	
div, ul, h1, h2, h3, h4, h5, p, img, form{
	padding:0; 
	margin:0;
	}
	
ul{
	list-style-type:none;
	}
	
.blank{
	font-size:0px; clear:both; line-height:0px;	
	}
	
	
a{
	text-decoration:none;
}

@font-face {
    font-family: 'calibriregular';
    src: url('calibri-webfont.eot');
    src: url('calibri-webfont.eot?#iefix') format('embedded-opentype'),
         url('calibri-webfont.woff') format('woff'),
         url('calibri-webfont.ttf') format('truetype'),
         url('calibri-webfont.svg#calibriregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'calibribold';
    src: url('calibrib-webfont.eot');
    src: url('calibrib-webfont.eot?#iefix') format('embedded-opentype'),
         url('calibrib-webfont.woff') format('woff'),
         url('calibrib-webfont.ttf') format('truetype'),
         url('calibrib-webfont.svg#calibribold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'calibriitalic';
    src: url('calibrii-webfont.eot');
    src: url('calibrii-webfont.eot?#iefix') format('embedded-opentype'),
         url('calibrii-webfont.woff') format('woff'),
         url('calibrii-webfont.ttf') format('truetype'),
         url('calibrii-webfont.svg#calibriitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

h2.about {
	font-family:'calibribold', Aria,Verdana, sans-serif;
	font-size: 2em;
	color:#039;
	clear:both;
	
}

h5 {
	font-family:'calibribold', Aria,Verdana, sans-serif;
	font-size: 1.2em;
	color:white;
	margin-top:15px;
	margin-bottom:5px;
	clear:both;
	
}

p{
	font-family:'calibriregular', Aria, Verdana, sans-serif;
	color:black;
}

a{
	font-family:'calibriregular', Aria, Verdana, sans-serif;
}
	
/*--------------------------------header pan---------------------------*/



#headerPan{
	width:960px;
	margin:0px auto;
	background:url(../images/header_pic_960.png) no-repeat;
	background-position:top;

	height:260px;
	padding-bottom: 30px;
	}
	
	
/* BANDERAS ------------------------------------------------------------*/

#banderas{
	position:relative;
	top:255px;
	float:right;
	height:30px;
	clear:both;
}

/*Credits: CSSplay */
/*URL: http://www.cssplay.co.uk/menus/pro_drop2 */

.menu2 {
	clear:both;
	padding:0 0 0 10;
	margin:0 0 0 0;
	list-style:none;
	height:25px;
	position:relative;
	margin:0px auto;
	top:-33px;
}

ul.menu2 span{
	font-family:'calibriregular', Aria, Verdana, sans-serif;
	font-weight:normal;
}
.menu2 li.top {display:block; 
				float:left; 
				position:relative;
				}
.menu2 li a.top_link {
	display:block; 
	float:left; 
	height:25px; 
	margin-left:17%; 
	line-height:25px; 
	color:#fff; 
	text-decoration:none; 
	font-size:.7em; 
	font-weight:bold; 
	padding:0 0 0 6px; 
	cursor:pointer;
	}
.menu2 li a.top_link span {
	float:left; 
	display:block; 
	padding:0 10px 0 6px; 
	height:40px;
	}
.menu2 li a.top_link span.down {
	float:left; 
	display:block; 
	padding:0 10px 0 6px; 
	height:25px;
	/*background:url(prodrop2/down.gif) no-repeat right top;*/}
.menu2 li a.top_link:hover {
	color:orange;
}
.menu2 li a.top_link:hover span { }
.menu2 li a.top_link:hover span.down { }

.menu2 li:hover > a.top_link {
	color:orange;
}
.menu2 li:hover > a.top_link span {}
.menu2 li:hover > a.top_link span.down {}


.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu2 a:hover {visibility:visible;}
.menu2 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; 
	left:-9999px; 
	top:-9999px; 
	width:0; 
	height:0; 
	margin:0; 
	padding:0; 
	list-style:none;
	}

.menu2 :hover ul.sub {
	left:16px;
	top:25px;
	padding:0; /*border:1px solid #1E8BB5; white-space:nowrap;*/
	width:auto;
	height:auto;
	font-weight:normal;
	background-color: #333333;
	}
.menu2 :hover ul.sub li {display:block; /*height:20px; */position:relative; float:left; width:160px;
 border-bottom:1px solid #fff; 
 border-left:1px solid #fff; 
 border-right:1px solid #fff; margin-bottom:0;}
.menu2 :hover ul.sub li a {display:block; height:auto; font-size:11px; padding:4px 3px; line-height:1; color:#fff; text-decoration:none;}
.menu2 :hover ul.sub li a.fly {background:#333333;}
.menu2 :hover ul.sub li a:hover {background:#333333; color:orange;}
.menu2 :hover ul.sub li a.fly:hover {background:#333333 url(images/vineta_menu.gif) no-repeat 150px 6px;color:orange}
.menu2 :hover ul li:hover > a.fly {background:#333333;color:orange} 

.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
	{left:160px; 
	 top:-1px; background: #333333; padding:0; /* white-space:nowrap; */width:auto; z-index:300; height:auto;}
.menu2 :hover ul.sub li ul {border-top:1px solid #fff; background: #333333; z-index:300;}


/*--- Acordeon---*/

#accordion{
	width:200px;
	float:left;
	margin-right:25px;
	color:white;
}

#accordion a:hover{
	color:orange;
}

.accordion-contenido{
	width:100%;
	margin-right:25px;
	color:white;
}


/*--- Contenido ---*/
#general{
	width:960px;
	margin:0px auto;
	
}

#contenido{
	width:735px;
	float: left;
	font-family: 'calibriregular', Aria, Verdana, sans-serif;
}

#footer{
	clear:both;
	background:url(../images/bg_75.gif) repeat;
	border-top: 4px red solid;
	width:100%;
}




.infooter {
	clear:both;
	width:960px;
	text-align:center;
	padding-top:10px;
	height:30px;
	margin:0px auto;
}

.infooter a{
	font-family: 'calibriregular', Aria, Verdana, sans-serif;
	font-size: 0.8em;
	font-weight:bold;
	color:white;
}

.clear{
	clear:both;
}


.inicio{
	width:170px;
	margin: 10px 6.8px;
	text-align:center;
	float:left;

}

.inicio img{
	border-radius: 15px 0px 15px 0px;
	width:100%;
}

.inicio a{
	text-decoration:none;
	font-family: 'calibriregular', Aria, Verdana, sans-serif;
	font-size: 1em;
	font-weight:bold;
	color:orange;
	padding: 10px 0px;
}

.inicio a:hover{
	color:black;
}
	
.informacion{
	clear:both;
	margin: 5px auto 15px auto;
	width:95%;
	text-align:justify;
}

.enlaces{
	position:relative;
	top:10px;
	display:100px;
	width:100%;
}

/*--- Redes sociales ---*/

.sociales{
	float:right;
	width:170px;
	height:30px;
	text-align:center;
	display:block;
	position:relative;
	top:-15px;
}


a.facebook {
	background:url(../images/3-logos-sociales.png) -3px top no-repeat;
}

a:hover.facebook {
	background-position:-3px -30px;
}


a.twiter{
		background:url(../images/3-logos-sociales.png) -36px top no-repeat;
}

a:hover.twiter {
	background-position:-36px -60px;
}

.facebook, .twiter, .google, .linkedin, .xing{
	float:left;
	width:30px;
	height:30px;
	text-align:center;
	display:block;
	position:relative;
	left:5px;
}

.xing{
	left:10px;
}

a.google{
		background:url(../images/3-logos-sociales.png) -70px top no-repeat;
}

a:hover.google {
	background-position:-70px -90px;
}

a.linkedin{
		background:url(../images/3-logos-sociales.png) -100px top no-repeat;
}

a:hover.linkedin {
	background-position:-100px -120px;
}

a.xing{
		background:url(../images/3-logos-sociales.png) -135px top no-repeat;
}

a:hover.xing {
	background-position:-135px -150px;
}

/* Light-box ------------------------------------------------------------*/
.galeriaredondeado{
	width:170px;
	border-radius:15px 0px 15px 0px;
	-moz-box-shadow:0px 0px 4px #000;
	-webkit-box-shadow:0px 0px 4px #000;
	box-shadow:0px 0px 4px #000;
	margin:5px 6px 15px 6px;
	float:left;
	
}

.galeriaredondeado img{
	width:100%;
	border-radius:15px 0px 15px 0px;
	
}
	


/* TOGGLE & ACCORDION ------------------------------------------------------------*/

h5.accordion-trigger,
h5.toggle-trigger {
	padding: 0 0 0 20px;
	margin: 0 0 5px 0;
	height: 46px;
	line-height: 46px;
	width: 80%;
	float: left;
	border-bottom: 1px solid #cccccc;
}

h5.accordion-trigger a,
h5.toggle-trigger a {
	text-decoration: none;
	display: block;
	color: #1f1f1f;
}

h5.accordion-trigger a:hover,
h5.toggle-trigger a:hover { 
	color: #cccccc;
}

div.accordion-container,
div.toggle-container {
	margin: 0 0 5px 0px;
	padding: 0;
	overflow: hidden;
	width: 95%;
	clear: both;
}

div.accordion-container .block,
div.toggle-container .block {
	padding: 10px; 
}

div.accordion-container .block ,
div.toggle-container .block {
	font-size: 14px;
	line-height: 1.5em;
}

div.accordion-container .block h3 ,
div.toggle-container .block h3 {
	font-size: 14px;
	margin-left: 20px;
	height: 5px;
	margin-bottom:5px;
	text-transform:capitalize;
}

div.accordion-container .block a ,
div.toggle-container .block a {
	margin-left: 20px;
}
div.accordion-container .block p,
div.toggle-container .block p{
	margin-bottom: 1.5em;
}


/* TOOLTIP ------------------------------------------------------------*/

.tooltip,
.tooltip-right,
.tooltip-bottom,
.tooltip-left{
	display:none;
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color: #ffffff;
	line-height: 1.3em;
	z-index: 600;
}

.tooltip {background:transparent url(../img/tooltip.png) no-repeat;}
.tooltip-right {background:transparent url(../img/tooltip-right.png) no-repeat;}
.tooltip-bottom {background:transparent url(../img/tooltip-bottom.png) no-repeat;}
.tooltip-left {background:transparent url(../img/tooltip-left.png) no-repeat;}

.tooltip-social{
	display:none;
	font-size:12px;
	height:40px;
	width:140px;
	padding:25px;
	color: #ffffff;
	line-height: 1.3em;
	z-index: 600;
}
.tooltip-social {background:transparent url(../img/tooltip-social.png) no-repeat ;}