@charset "utf-8";

/* ========================= */
/* BASE */
/* ========================= */

body{
	margin: 0;
	padding: 0;
	color: #000;
	font-family: 'Dosis', sans-serif;
	font-size: 14px;
	line-height: 20px;
	background-color: #FFFFFF;
}

/* ========================= */
/* IMÁGENES */
/* ========================= */

img{
	max-width:100%;
	height:auto;
	border:none;
}

/* ========================= */
/* LOGO */
/* ========================= */

.logo{
	float:left;
	height:200px;
	width:266px;
	margin-top:10px;
}

/* ========================= */
/* LISTAS */
/* ========================= */

ul,ol,dl{
	padding:0;
	margin:0;
}

/* ========================= */
/* TEXTOS */
/* ========================= */

h1,h2,h3,h4,h5,h6,p{
	margin-top:0;
	padding-right:15px;
	padding-left:15px;
	margin-bottom:15px;
}

h2{
	padding-left:0;
}

/* ========================= */
/* LINKS */
/* ========================= */

a:link{
	color:#42413C;
	text-decoration:underline;
}

a:visited{
	color:#6E6C64;
	text-decoration:underline;
}

a:hover,
a:active,
a:focus{
	text-decoration:none;
}

/* ========================= */
/* CONTENEDOR PRINCIPAL */
/* ========================= */

.container{
	width:990px;
	background:#FFF;
	margin:0 auto;
}

/* ========================= */
/* HEADER */
/* ========================= */

.header{
	background-color:#FFF;
	background-image:url(../images/fondocabecera.jpg);
	height:170px;
	background-repeat:repeat-x;
}

/* ========================= */
/* COLUMNAS (ORIGINAL) */
/* ========================= */

.sidebar1{
	float:left;
	margin-top:20px;
	margin-bottom:15px;
	width:650px;
}

.content{
	width:300px;
	float:left;
	margin-top:20px;
	margin-bottom:10px;
}

/* ========================= */
/* LISTAS INTERNAS */
/* ========================= */

.content ul,
.content ol{
	padding:0 15px 15px 40px;
}

/* ========================= */
/* MENÚ */
/* ========================= */

ul.nav{
	list-style:none;
	border-top:1px solid #666;
	margin-bottom:15px;
}

ul.nav li{
	border-bottom:1px solid #666;
}

ul.nav a,
ul.nav a:visited{
	padding:5px 5px 5px 15px;
	display:block;
	width:160px;
	text-decoration:none;
	background:#C6D580;
}

ul.nav a:hover,
ul.nav a:active,
ul.nav a:focus{
	background:#ADB96E;
	color:#FFF;
}

/* ========================= */
/* ANUNCIOS */
/* ========================= */

.capaanuncios{
	width:990px;
	height:150px;
	float:left;
	margin-top:10px;
	font-size:12px;
}

.capaanuncios_bloque1{
	width:301px;
	background-color:#E6E6E6;
	height:130px;
	margin-right:10px;
	float:left;
	padding:10px;
	border:1px solid #CCC;
}

.capaanuncios_bloque3{
	float:left;
	width:302px;
	background-color:#E6E6E6;
	height:130px;
	padding:10px;
	border:1px solid #CCC;
}

/* ========================= */
/* BOTÓN */
/* ========================= */

a.button{
	background:url('../images/boton_naranja_derecha.png') no-repeat top right;
	display:block;
	float:right;
	height:32px;
	margin-right:6px;
	padding-right:20px;
	text-decoration:none;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}

a.button span{
	background:url('../images/boton_naranja_izquierda.png') no-repeat;
	display:block;
	line-height:22px;
	padding:7px 0 5px 18px;
	color:#FFF;
}

a.button:hover span{
	color:#CCC;
}

/* ========================= */
/* PORTFOLIO */
/* ========================= */

.portfolio1{
	float:left;
	width:218px;
	text-align:center;
	margin-bottom:15px;
	padding-left:9px;
}

.portfolio3{
	float:left;
	width:218px;
}

/* ========================= */
/* BLOQUES */
/* ========================= */

.porfolioglobal{
	width:100%;
	float:left;
}

.porfolioglobalimagen{
	width:350px;
	float:left;
	margin-left:15px;
}

.porfolioglobaltexto{
	width: 150px;
	float:left;
	margin-left:10px;
}

.porfolioglobaldescripcion{
	width:350px;
	float:left;
	margin-left:15px;
	margin-top:15px;
}

/* ========================= */
/* FORMULARIOS */
/* ========================= */

.margenizquierdaform{
	padding-left:15px;
}

input,textarea{
	background-image:url(../images/fondocampoformulario.jpg);
	background-repeat:repeat-x;
	border:1px solid #CCC;
}

/* ========================= */
/* FOOTER */
/* ========================= */

.footer{
	padding:10px 0;
	position:relative;
	clear:both;
	text-align:center;
	background-color:#CFCCCB;
	background-image:url(../images/fondopiepagina.jpg);
	background-repeat:repeat-x;
	border:1px solid #CCC;
}

/* ========================= */
/* FLOAT HELPERS */
/* ========================= */

.fltrt{
	float:right;
	margin-left:8px;
}

.fltlft{
	float:left;
	margin-right:8px;
}

.clearfloat{
	clear:both;
	height:0;
	font-size:1px;
	line-height:0;
}

/* ========================= */
/* RESPONSIVE */
/* ========================= */

@media (max-width:900px){

.container{
	width:95%;
}

.sidebar1,
.content{
	width:100%;
	float:none;
}

.capaanuncios{
	width:100%;
	height:auto;
}

.capaanuncios_bloque1,
.capaanuncios_bloque3{
	width:100%;
	margin-bottom:10px;
}

.logo{
	float:none;
	margin:auto;
	display:block;
}

}