/** Buttons **/

.twitter, .fb {

	position: relative;	

	height: 32px; 

	width: 157px; 

	display: block;

	background: url(/sitio/_img/twitter_btn.png) no-repeat;

	margin-top:15px;

}



.fb {

	width: 157px; 

	background: url(/sitio/_img/fb_btn.png) no-repeat; 	

}

.twitter:active, .fb:active {top: 1px;}

.twitter:hover, .fb:hover {

	background-position: 0 -32px;

}

.twitter a, .fb a {

	padding: 5px 0 0 15px; 

	text-shadow: -1px -1px 0px rgba(0,0,0,.3); 

	color:#fff; 

	font-weight: bold; 

	font-size: 12px; 

	height: 32px; 

	display: block;

	line-height:23px;

}

.fb a {padding: 5px 0 0 20px; }

.twitter, .fb {

	display: inline-block;

}

.twitter a:hover, .fb a:hover {

	color: #FFF;

	text-decoration: none;

}





/* #Site Header

================================================ */

header{

	/* background-color:#2d343e; */

    background-color:#ffffff;

	padding:0px 0 0 0;

}

.logo img {

	max-width:350px

}

.logo h1 {

  font-size: .5em;

  line-height: .1em;

  text-align:left

}

#menu-top{

	/*float:right;*/

	/* color:#d0dbeb; */

    color:#59B9A7;

	font-size:.95em;

	margin-right:0;

	

	padding-right:0!important



	

}

#menu-top ul li{

	display:inline-block;

	/*zoom: 1; *display: inline;*/

	

}

#menu-top ul li a {

	/* color:#d0dbeb; */

    color:#00AFEA

}



.ie7 #menu-top ul li a {

	/* color:#d0dbeb; */

    color:#00AFEA;

	margin-left:5px;

}





/*redes sociales*/

#redes {

	/*background:url(/sitio/_img/ico_redes_off.png) no-repeat center right;*/

	text-align:center;

	/*float:left;*/

	margin-top:20px;

	margin-bottom:10px;

	color:#B2B2B2

}





#redes ul li{

	display:inline-block;

	zoom: 1; *display: inline;

	

	background:url(/sitio/_img/ico_redes_off.png) no-repeat center right;

}

#redes ul li img{

	max-width:100%

}



#redes ul li:hover {

  background:url(/sitio/_img/ico_redes_on.png) no-repeat center right;



}



.ie7 #redes ul li a {

	/* color:#d0dbeb; */

    color:#666;

	margin-left:5px;

}



/* #Site Footer

================================================ */

footer {


	width:100%;

	padding-top:1em;



	background:#fff;

	position:absolute;

/*-webkit-box-shadow: -2px -2px 3px 0px rgba(0,0,0,0.19);

-moz-box-shadow: -2px -2px 3px 0px rgba(0,0,0,0.19);

box-shadow: -2px -2px 3px 0px rgba(0,0,0,0.19);*/

}









/* 3. COMMON */

/*============================================================================================*/









ul.list_1, ul.list_2, ul.list_3, ul.list_4{ padding-bottom:15px;}

ul.list_1 li{background:url(/sitio/_img/tick_1.png) no-repeat left 3px;line-height:18px;padding-left:20px;}

ul.list_2 li{background:url(/sitio/_img/arrow_2.png) no-repeat 3px 5px;line-height:18px;padding-left:20px;}

ul.list_3 li{background:url(/sitio/_img/arrow_3.png) no-repeat 5px 7px;line-height:18px;padding-left:20px;}

ul.list_4 li{background:url(/sitio/_img/arrow_4.png) no-repeat 4px 6px;line-height:18px;padding-left:20px;}





#areas {

   

    float: left;

    margin-right: 1em;

    margin-top: -1em;

    text-align: center;

    width: 14em;

}

#areas ul {

    list-style-type: none;

}

#areas ul li {

    background-image: url("../img/bckg_textarea.jpg");

}

#areas .nivel1 {

    border: 0.1em solid #c9c9c9;

    border-radius: 0.3em;

    display: block;

    float: left;

    height: 2em;

	margin: .8em 0.2em 0 1em;

    padding: .1em;

    width: 13.1em;

    text-transform: uppercase;

}

#areas ul li a {

    color: #6a6a6a;

    position: relative;

    text-align: left;

    text-decoration: none;

}

#areas ul li a:hover, #areas ul li:hover a.nivel1 {

    color: #000;

}

#areas ul li a.nivel1 {

    display: block !important;

}

#areas ul li ul {

    background-color: #ffffff;

    border: 0.1em solid #c9c9c9;

    display: none;

    font-size: 0.9em;

    padding: 0.4em;

    z-index: 10;

	

}

#areas ul li a:hover ul, #areas ul li:hover ul {

    display: block;

}

#areas ul li:hover ul {

    position: relative;

}

#areas ul li ul li a {

    display: block;

    padding: 0.2em;

}

#areas ul li ul li {

    display: block;

    height: 1.55em;

    text-align: left;

	margin-bottom:.5em

}

#areas ul li ul li a:hover {

    background-color: #999999;

    position: relative;

    z-index: 10;

}

#areas img {

}



#areas ul#uno {

    top: 0 !important;

	-webkit-box-shadow: -2px -2px 3px 0px rgba(0,0,0,0.19);

-moz-box-shadow: -2px -2px 3px 0px rgba(0,0,0,0.19);

box-shadow: -2px -2px 3px 0px rgba(0,0,0,0.19);

-webkit-border-radius:0 0 3px 3px ;

	-moz-border-radius:0 0 3px 3px ;

	border-radius:0 0 3px 3px ;

}

#areas #uno {

    width: 14.5em;

}



/*============================================================================================*/

/* 3. MEDIA QUERIES */

/*============================================================================================*/

@media (min-width: 768px) and (max-width: 1200px) {

	input#email_newsletter, .form-search input  {

	/*margin-bottom:5px;*/

}

	}

	

@media (max-width: 768px) {

/*nav{

	position:relative;

	height:7em;

	

	bottom:9em

}*/



.logo h1 {

  font-size: .5em;

  line-height: .1em;

}



	}



@media (min-width: 768px) and (max-width: 979px) {

	.box-style-2 img {

	 float:none; margin: auto;

	 margin-bottom:20px;

	 display:block;

}

.box-style-2.green a  {

	background: #669933;

}

.box-style-2.orange a  {

	background: #fab90c;

}

.box-style-2.red a  {

	background: #ff6666;

}

.box-style-2.green a:hover, .box-style-2.orange a:hover, .box-style-2.red a:hover {

	background:#2d343e ; 

}

input.dateinput {

	width:70%;

}

.post-right {float:left;}





}



/* From tablet portrait to mobile */

@media (max-width: 767px) {

/*.logo img  {

	display:none;

	

}

.logo  {

	text-align:center!important;

	background:url(/sitio/_img/logo_ministerio_780.png) no-repeat;

	background-position:center;

	height:4em;

	background-size:contain;

	margin-left:30px

}

.logo h1 {

  font-size: 2em;

  line-height: .5em;

}
*/
	

#main-boxes {

	margin-top:30px;banner

}



#menu-top {

		text-align:right;

		/*float:none;*/

		margin:0!important;

		

}	

header {

	margin-left:0;

	margin-right:0;

}



.twitter, .fb {

	margin-bottom:25px;

}

.button-align {text-align:left; padding-top:0;}





}