/*----------------------------------------------

		CSS GENERALES DE AZAFATAS CAPITAL

----------------------------------------------*/

body{

	margin: 0px auto;
	width: 100%;
	height: 100%;
	background: url("../../img/fondo_body.jpg") repeat;
	color: #000;
	font-family: Arial, "MS Trebuchet", sans-serif;
	font-size: 13px;
}

img{border:0px;}

a{
text-decoration: none;
color: #e80b74;
}
ul{
margin-left: -40px;
}
ul li {
list-style: none;

}
h1,h2,h3,h4,h5,h6 {
color: #e80b74;
}

/*-----------------------------------------------

			CENTRAR PAGINA

-----------------------------------------------*/
#contenedor{
margin: 0px auto;
background: url("../../img/fondo_contenido.png") repeat-y;
}

/*-----------------------------------------------

			CABECERA

-----------------------------------------------*/
#wraper_cabecera{
	background: url("../../img/fondo_cabecera.jpg") repeat-x;
	height: 166px;

}

#cabecera{
margin: 0px auto;
}

/*-------------------- LOGO -------------------------*/


		#logo{

			background: url("../../img/logo.png") no-repeat;
			width: 199px;
			height: 208px;
			float: left;
			margin: 20px 0 0 20px;
		}

			#logo span{

				display: block;
				margin-left:-4000px;
				width: 174px;
				height: 176px; 
			}



/*-------------------- MENU -------------------------*/
#menu{

	padding-top: 0px;
	padding-left: 100px;

}
	ul.menu{

				height:18px;
				list-style: none;
				margin: 0px;
				padding:0px;
				padding-left: 20px;
			}

			ul.menu li{
				display:inline;
				float: left;
				padding:0px 0px;
				margin: 0px 10px;
			}

			ul.menu li a{
				color:#fff;
				text-decoration:none;
				display: block;
			}

			ul.menu li a:link, ul.menu li a:visited {
				padding: 0px;
				display: block;
				text-decoration: none;

			}

			ul.menu li a span{

				display: block;
				text-indent:-3000px;

			}

			ul.menu li a.home{

					background: url("../../img/menu/home.png") no-repeat;
					width:62px;
					height:68px;
				}
			ul.menu li a.home:hover{

					background: url("../../img/menu/home.jpg") no-repeat;
					width:62px;
					height:68px;
					}
			body.home ul.menu li a.home{
							background: url("../../img/menu/home.jpg") no-repeat;
					width:62px;
					height:68px;
					}

	
			ul.menu li a.nosotros{

					background: url("../../img/menu/nosotros.png") no-repeat;
					width:73px;
					height:68px;
				}
			ul.menu li a.nosotros:hover{

					background: url("../../img/menu/nosotros.jpg") no-repeat;
					width:73px;
					height:68px;
					}
			body.nosotros ul.menu li a.nosotros{
							background: url("../../img/menu/nosotros.jpg") no-repeat;
					width:73px;
					height:68px;
					}
			ul.menu li a.servicios{

					background: url("../../img/menu/servicios.png") no-repeat;
					width:68px;
					height:68px;
				}
			ul.menu li a.servicios:hover{

					background: url("../../img/menu/servicios.jpg") no-repeat;
					width:68px;
					height:68px;
					}
			body.servicios ul.menu li a.servicios{
							background: url("../../img/menu/servicios.jpg") no-repeat;
					width:68px;
					height:68px;
					}
			ul.menu li a.eventos{

					background: url("../../img/menu/eventos.png") no-repeat;
					width:65px;
					height:68px;
				}
			ul.menu li a.eventos:hover{

					background: url("../../img/menu/eventos.jpg") no-repeat;
					width:65px;
					height:68px;
					}
			body.eventos ul.menu li a.eventos{
					background: url("../../img/menu/eventos.jpg") no-repeat;
					width:65px;
					height:68px;
					}
			ul.menu li a.clientes{

					background: url("../../img/menu/clientes.png") no-repeat;
					width:66px;
					height:68px;
				}
			ul.menu li a.clientes:hover{

					background: url("../../img/menu/clientes.jpg") no-repeat;
					width:66px;
					height:68px;
					}
			body.clientes ul.menu li a.clientes{
					background: url("../../img/menu/clientes.jpg") no-repeat;
					width:66px;
					height:68px;
					}
			ul.menu li a.blog{

					background: url("../../img/menu/blog.png") no-repeat;
					width:66px;
					height:68px;
				}
			ul.menu li a.blog:hover{

					background: url("../../img/menu/blog.jpg") no-repeat;
					width:66px;
					height:68px;
					}
			body.blog ul.menu li a.blog{
					background: url("../../img/menu/blog.jpg") no-repeat;
					width:66px;
					height:68px;
					}
			ul.menu li a.contacto{

					background: url("../../img/menu/contacto.png") no-repeat;
					width:64px;
					height:68px;
				}
			ul.menu li a.contacto:hover{

					background: url("../../img/menu/contacto.jpg") no-repeat;
					width:64px;
					height:68px;
					}
			body.contacto ul.menu li a.contacto{
					background: url("../../img/menu/cotacto.jpg") no-repeat;
					width:64px;
					height:68px;
					}
/*-----------------------------------------------

			CONTENIDO

-----------------------------------------------*/

#contenido{
overflow: auto;
margin: 0px auto;
min-height: 518px;
}
.post{
margin-left: 20px;
margin-bottom: 30px;
border-bottom: 1px dotted #e80b74;

}

.pagina{
margin-left: 20px;
margin-bottom: 30px;

}
.comentarios{
margin-left: 20px;
}
#metodo {
text-align: justify;
}
#uniformidad {
text-align: justify;
}
#staff {
text-align: justify;
}
#metodo img {
margin-left: 15px;
}
#uniformidad img {
margin-left: 15px;
}
#staff img {
margin-left: 15px;
}
.linea{
border-bottom: 1px dotted #e80b74;
width: 550px;
margin-bottom: 10px;
}

.alt{
border-bottom: 1px dotted #e80b74;
width: 550px;
margin-bottom: 10px;

}
#commentform{
width: 600px;
}

#commentform #comment{
background:url("../../img/textarea.png") no-repeat scroll 0 0 transparent;
color: #000;
margin-bottom: 5px;
border: none;
}
#commentform #submit{
background:url("../../img/submit.png") no-repeat scroll 0 0 transparent;
margin-left: 320px;
width: 107px;
height: 20px;
border: none;
}
#comment{
width: 423px;
height: 126px;
}

#sidebar{
margin: 50px 20px 0 25px;

}
#sidebar_p{
margin: 0 20px 0 25px;

}


.datos{
background:url("../../img/input.png") no-repeat scroll 0 0 transparent;
width: 198px;
height: 18px;
color: #000;
margin-bottom: 5px;
border: none;
}

span textarea{
background:url("../../img/textarea.png") no-repeat scroll 0 0 transparent;
color: #000;
margin-bottom: 5px;
width: 423px;
height: 126px;
border: none;

}

p input{
background:url("../../img/submit.png") no-repeat scroll 0 0 transparent;
margin-left: 320px;
width: 107px;
height: 20px;
border: none;
}
span input{
background:url("../../img/input.png") no-repeat scroll 0 0 transparent;
width: 198px;
height: 18px;
color: #000;
margin: 0px;
margin-bottom: 5px;
border: none;
}
#buscador{
background:url("../../img/input_search.png") no-repeat scroll 0 0 transparent;
width: 200px;
height: 18px;
color: #000;
margin: 0px;
margin-bottom: 5px;
border: none;

}
#buscar{
background:url("../../img/submit_search.png") no-repeat scroll 0 0 transparent;
width: 18px;
height: 18px;
margin-left:-4px;
border: none;
}

#formulario{
margin-top: 20px;
}

.nombre{
color: #e80b74;
font-size: 15px;
}
.secciones_sidebar{
width: 240px;

}


.leer{
text-align: right;
font-size: 12px;
margin-right:20px;
}
#tres-columnas{
clear: both;
border-top: 2px dotted #000;
margin-left: 20px;
}
#nosotros{
margin-left: 40px;
height: 200px
}
#twitter{
margin-left: 20px;
height: 200px
}
#social{
margin-left: 20px;
height: 200px
}
#twitter_update_list li {
border-bottom:1px dotted #e80b74;
padding-bottom:5px;
text-align:justify;
margin-left: -5px;
font-size: 12px;
margin-top: 5px;
}
#twitter_update_list li span{
padding-top:5px;
padding-bottom:5px;

}
#metodo{
margin-left: 40px;
}
#pie{
	width: 860px;
	margin-left: 50px;
	clear: both;
	background: url("../../img/fondopie.png") no-repeat;
	min-height:205px;
	color: #fff;
	margin-bottom: 20px;
	margin-top: 20px;
}

#menu-pie{
background: url("../../img/menupie.jpg") no-repeat;
height: 22px;
clear: both;
color: #fff;
width: 860px;
margin-left: 50px;
margin-top: -20px;


}
#menu-pie ul.menu{
margin-left: 135px;

}

/*-----------------------------------------------

			ANCHOS DE LOS OBJETOS

------------------------------------------------*/
.columna{

	float:left;
	margin-right:20px;

}

.ultimo{

	margin-right: 0px;

}

.ancho-1   { width: 10px;}
.ancho-2   { width: 20px;}
.ancho-3   { width: 30px;}
.ancho-4   { width: 40px;}
.ancho-5   { width: 50px;}
.ancho-6   { width: 60px;}
.ancho-7   { width: 70px;}
.ancho-8   { width: 80px;}
.ancho-9   { width: 90px;}
.ancho-10  { width: 100px;}
.ancho-11  { width: 110px;}
.ancho-12   { width: 120px;}
.ancho-13 { width: 135px;}
.ancho-14 { width: 140px;}
.ancho-15 { width: 150px;}
.ancho-16   { width:160px;}
.ancho-17   { width: 170px;}
.ancho-18   { width: 180px;}
.ancho-19  { width: 190px;}
.ancho-20   { width: 200px;}
.ancho-21  { width: 210px;}
.ancho-22   { width: 220px;}
.ancho-23   { width: 230px;}
.ancho-24   { width: 240px;}
.ancho-25  { width: 250px;}
.ancho-27  { width: 270px;}
.ancho-28   {width: 287px;}
.ancho-30  { width: 300px;}
.ancho-31  { width: 310px;}
.ancho-32  { width: 320px;}
.ancho-34  { width: 340px;}
.ancho-38  { width: 380px;}
.ancho-40  { width: 400px;}
.ancho-43  { width: 430px;}
.ancho-47  { width: 470px;}
.ancho-50 { width: 500px;}
.ancho-60 { width: 600px;}
.ancho-62 { width: 623px;}
.ancho-66 { width: 660px;}
.ancho-67 { width: 670px;}
.ancho-79 { width: 797px;}
.ancho-802 { width: 802px;}
.ancho-84 { width: 840px;}
.ancho-85 { width: 850px;}
.ancho-87 { width: 870px;}
.ancho-88 { width: 880px;}
.ancho-91 { width: 910px;}
.ancho-92 { width: 920px;}
.ancho-96 { width: 960px;}
.ancho-968 { width: 968px;}
.ancho-97 { width: 970px;}
.ancho-100 { width: 1000px;}


		/* Carousel */

#carousel {
	position: relative; /* Necesario */
	overflow: hidden; /* Necesario */
	height: 273px;
	width: 630px;
	margin: 10px;

}

#carousel .belt {
	position: absolute; /* Necesario */
	left: 0;
	top: 0;
	margin-left: 15px;
}

#carousel .panel {
	width:173px;
	float: left; /* Necesario */
	overflow: hidden;
	margin: 15px 35px 15px 35px;

	


}

#carousel .panel .panel-text {
	padding-top:5px;
	font-size:13px;
	font-family:Verdana, Geneva, sans-serif;
	color:#FFF;
}

#carousel .panel .panel-text a {
	color:#CCC;
	text-decoration:none;
}

#carousel .panel .panel-text a:hover {
	color:#FFF;
	text-decoration:underline;
}

			/* Botones del carousel */

.button-prev {
	height:273px;
	float:left;
	
}

.button-prev a {
	display:block;
	padding:5px;
	margin-top:105px;
}

.button-next {
	height:273px;
	width:70px;
	float:right;
	
}

.button-next a {
	display:block;
	padding:5px;
	margin-top:105px;
}


a img {
	border:none;
}
#fondo_carrousel{
background: url(../../img/fondocarrusel.jpg)no-repeat;
width: 806px;
margin-left: 50px;
}







			ul.menu li a.twitter{

					background: url("../../img/twitters.png") no-repeat;
					width:50px;
					height:50px;
					margin-left: -30px;
					margin-top: 30px;
				}

					
			ul.menu li a.facebook{

					background: url("../../img/facebook.png") no-repeat;
					width:50px;
					height:50px;
					margin-top: 30px;
				}

			ul.menu li a.rss{

					background: url("../../img/skype.png") no-repeat;
					width:50px;
					height:50px;
					margin-top: 30px;
				}