@charset "utf-8";
/* CSS Document */
/*General*/
*{font-family: 'Roboto', sans-serif;}
body, p, h1{margin: 0}
p, blockquote, ul li, ol li{font-weight: 300; color: #262626}

#logo{ height: 100px; overflow: hidden; margin-top: 1%}
#logo a{text-decoration: none}
#logo img{vertical-align: middle; height: 70px}
#logo b{font-size: 24px; font-weight: bold; color: black;}
#logo b span {font-size: 24px; color: #BA0B0E;}

small{color: #262626; font-weight: 300}
#pie{display: none;}
#pie2{display: none;}
.cuerpo{background-color:#FFFFFF; margin: 0;}
.botonazul{background-color: #1877F2; color: white; padding: 6px; cursor: pointer; border: 0; border-radius: 3px; width: 120px}
.noti_target{ font-size: small; font-weight: bold; display: inline; margin-right: 6px; border-bottom: solid 1px darkred; color: darkred}
.noti_redactor{color:darkblue; font-size: 16px;}
.noti_info{font-size: 14px; font-weight: 400;}
.noti_titulo{font-size: 22px; font-weight: bold}
.noti_subti{font-size: 16px;}
/*.noti_fin{border-bottom: dotted 1px #262626; margin-top:20px; margin-bottom: 20px;}*/
.noti2 a{text-decoration:none;  color: #262626; position: relative;}
.noti3 a{text-decoration:none;  color: #262626;}
.noti3 img{ width:100px; vertical-align: top;}
.noti3 .noti_titulo{display: inline-block; color: #262626;}
.noti3 .noti_target{ color: darkred;}

.division{border-top: 1px dotted #262626; width: 100%}
.division2{border-bottom: dotted 1px #262626; margin-top:20px; margin-bottom:20px}

#pieinner{padding-left: 5px; padding-right: 5px;}
#pie a{font-weight: 400; text-decoration: none; font-size: small; color: darkblue}
#licencia{font-weight: 300; color: #262626}
#pie2{background-color: #262626; color:white; height: 158px; width: 100%; padding-top:60px;}
#pie2 a{color: #FFFFFF; text-decoration: none}
#pie2 b a{color: #DA251D; font-size: 27px; text-decoration: none}
#pie2 div{overflow: hidden}

	@media only screen and (min-width: 1144px) {
	#logo span{ font-size: 48px;}	
	.marco1100{ width: 1100px;}	
	.marcogeneral{ width: 100%;}
	.noti2 img{ width:300px; vertical-align: top;}
	#pie{width: 100%; padding-top: 6px;}
	}
	@media only screen and (max-width: 1143px) {	
	#logo span{ font-size: 48px;}
	.marcogeneral{ width: 760px;}
	.marco1100{ width: 760px;}		
	#pie{width: 100%; padding-top: 6px;}	
	}
	@media only screen and (max-width: 843px) {
	#logo span{ font-size: 36px;}
	.marcogeneral{ width: 100%;}	
	.marco1100{ width: 100%;}			
	#pie{width: 100%; padding-top: 6px;}
	}
	@media only screen and (max-width: 480px) {	
	.marcogeneral{ width: 100%;}	
	.marco1100{ width: 100%;}		
	#pie{width: 90%; padding: 5%;}	
	}
/*general*/