body{
	background:url('/images/fondo.gif');
	color:#E0E0E0;
	font-family: 'Open Sans', sans-serif;
}
#container{max-width:1094px;width:98%;box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);margin: 0 auto;background:#252525;}
.clear{clear:both;float:none;}

/* estilos responsive */
@media only screen{
	#logo{
		background: url("/images/Logo_FMC-black_opt.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
		display: block;
		height: 218px;
		margin: 0 auto;
		width: 571px;
		background-size:100%;
	}
	nav{
		border-bottom:1px solid #414141;
		width:90%;
		margin: 0 auto;
	}
	nav ul{
		padding: 0 0 0 2%;
	}
	nav ul li{
		display: inline;
		line-height: 260%;
		text-align: center;
	}
	nav ul li a{
		display: inline-block;
		text-decoration:none;
		background:#000;
		width:16%;
		border-radius: 12px 12px 0 0;
		color:#fff;
	}
	nav ul li a:hover, .current a{
		background:#fff;
		color:#252525;
	}
	#slider{
		margin: 50px 2% 0;
		width: 96%;
	}
	section{
		padding:25px 3%;
	}
	section p{
		line-height:125%;
	}
	section ul{
		padding:25px 15%;
		line-height:150%;
	}
	section dl{
	}
	section dt{
		background-color: #131210;
		color: #959289;
		padding: .5em;
		font-weight: bold;
		text-align: center;
		border-left: 1px solid #4E4E4E;
		border-right: 1px solid #4E4E4E;
		border-top: 1px solid #4E4E4E;
	}
	section dd{
		border-bottom: 1px solid #4e4e4e;
		border-left: 1px solid #4e4e4e;
		border-right: 1px solid #4e4e4e;
		font-style: italic;
		margin: 0 0 1em;
		min-height: 150px;
		padding: 1em 16%;
		text-align: center;
	}
	section dd a{
		color:#e0e0e0;
		text-decoration:none;
	}
	section dd a:hover{text-decoration:underline;}
	section dd.serv_no{
		min-height: 50px;
		padding: 1em 10%;
	}
	section dd.serv_1{
		background-image: url("/images/cucarach1_opt.png"), url("/images/cucaracha2_opt.png");
		background-position: 99% center, 1% center;
		background-repeat: no-repeat;
	}
	section dd.serv_2{
		background-image: url("/images/mosca_opt.png"), url("/images/mosquito_opt.png");
		background-position: 99% center, 1% center;
		background-repeat: no-repeat;
	}
	section dd.serv_3{
		background-image: url("/images/reodoresdere_opt.png"), url("/images/roedoresizq_opt.png");
		background-position: 99% center, 1% center;
		background-repeat: no-repeat;
	}
	section dd.serv_4{
		background-image: url("/images/aranaderecha_opt.png"), url("/images/aranaizquierda_opt.png");
		background-position: 99% center, 1% center;
		background-repeat: no-repeat;
	}
	section dd.serv_5{
		background-image: url("/images/hormigader_opt.png"), url("/images/hormigaizq_opt.png");
		background-position: 99% center, 1% center;
		background-repeat: no-repeat;
	}
	section dd.serv_6{
		background-image: url("/images/pulgasder_opt.png"), url("/images/pulgasizq_opt.png");
		background-position: 99% center, 1% center;
		background-repeat: no-repeat;
	}
	section dd.serv_7{
		background-image: url("/images/avispasder_opt.png"), url("/images/avispasizq_opt.png");
		background-position: 99% center, 1% center;
		background-repeat: no-repeat;
	}
	section dd.serv_8{
		background-image: url("/images/palomader_opt.png"), url("/images/palomaizq_opt.png");
		background-position: 99% center, 1% center;
		background-repeat: no-repeat;
	}
	section dd.serv_9{
		background-image: url("/images/culebraizq_opt.png"), url("/images/culebrader_opt.png");
		background-position: 99% center, 1% center;
		background-repeat: no-repeat;
	}
	article{
		padding:0 0 15px 0;
	}
	article h2{
		margin:10px 0;
	}
	article p{
		font-size: 90%;
		margin: 10px 1%;
	}
	article p.msj{
		background-color: #8dc63f;
		color: #000;
		font-size: 190%;
		padding: 5%;	
	}	
	/* #### Dark Matter #### */
	.dark-matter {
		margin-left: auto;
		margin-right: auto;
		max-width: 500px;
		background: #555;
		padding: 20px 30px 20px 30px;
		color: #D3D3D3;
		text-shadow: 1px 1px 1px #444;
		border: none;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	}
	.dark-matter h1 {
		padding: 0px 0px 10px 40px;
		display: block;
		border-bottom: 1px solid #444;
		margin: -10px -30px 30px -30px;
	}
	.dark-matter h1>span {
		display: block;
		font-size: 11px;
	}
	.dark-matter label {
		display: block;
		margin: 0px 0px 5px;
	}
	.dark-matter label>span {
		float: left;
		width: 21%;
		text-align: right;
		padding-right: 10px;
		margin-top: 10px;
		font-weight: bold;
	}
	.dark-matter input[type="text"], .dark-matter input[type="password"] , .dark-matter input[type="email"], .dark-matter  textarea{
		border: none;
		color: #525252;
		height: 25px;
		line-height:15px;
		margin-bottom: 16px;
		margin-right: 6px;
		margin-top: 2px;
		outline: 0 none;
		padding: 5px 0px 5px 5px;
		width: 70%;
		border-radius: 2px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		background: #DFDFDF;
	}
	.dark-matter select {
		background: #DFDFDF url('down-arrow.png') no-repeat right;
		background: #DFDFDF url('down-arrow.png') no-repeat right;
		appearance:none;
		-webkit-appearance:none; 
		-moz-appearance: none;
		text-indent: 0.01px;
		text-overflow: '';
		width: 70%;
		height: 35px;
		color: #525252;
		line-height: 25px;
	}
	.dark-matter textarea{
		height:100px;
		padding: 5px 0px 0px 5px;
		width: 70%;
	}
	.dark-matter .button {
		background: #FFCC02;
		border: none;
		padding: 10px 25px 10px 25px;
		color: #585858;
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		text-shadow: 1px 1px 1px #FFE477;
		font-weight: bold;
		box-shadow: 1px 1px 1px #3D3D3D;
		-webkit-box-shadow:1px 1px 1px #3D3D3D;
		-moz-box-shadow:1px 1px 1px #3D3D3D;
	}

	.dark-matter .button:hover {
		color: #333;
		background-color: #EBEBEB;
	}
	ul .proveedores{
		
	}
	.proveedores li{
		background: none repeat scroll 0 0 #fff;
		float: left;
		height: 145px;
		margin: 1%;
		padding-top: 10px;
		text-align: center;
		width: 48%;
	}
	.prensa{
		
	}
	.prensa div.cont_prensa{
		padding:0 3%;
		font-size:95%;
	}
	
	
	section .documentos{
		padding:0;
		
	}
	.documentos .carpeta{
		margin:0.1%;
		float:left;
		width:32%;
		border: 1px solid #4E4E4E;
		font-size:80%;
	}
	.documentos h3{
		background-color: #131210;
		color: #959289;
		padding: .5em;
		font-weight: bold;
		text-align: center;
	}
	.documentos a{
		display: block;
		margin: 3% 1%;
		color:#fff;
		text-decoration:none;
	}
	.documentos a:hover{
		text-decoration:underline;
	}
	#cerrarsesion{
		color: #fff;
		display: block;
		font-size: 100%;
		text-align: right;
		text-decoration: none;
		margin: 1%;
	}
	footer{
		color: #a4a4a4;
		font-size: 80%;
		font-weight: bold;
		margin: 15px 0;
	}
	footer p{
		text-align:center;
		line-height:145%;
	}
	
}