/*
Theme Name: ElectricBikes Default
Theme URI: http://www.electricbikes.es/
Description: Theme para la web corporativa de ElectricBikes.
Version: 1.0
Author: Inicia Media
Author URI: http://www.iniciamedia.com/
*/

/*Reseteando CSS*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0; 
	padding:0; 
} 

table { 
	border-collapse:collapse; 
	border-spacing:0; 
} 

fieldset,img {  
	border:0; 
} 

address,caption,cite,code,dfn,em,strong,th,var { 
	font-style:normal; 
	font-weight:normal; 
} 

ol,ul { 
	list-style:none; 
} 

caption,th { 
	text-align:left; 
} 

h1,h2,h3,h4,h5,h6 { 
	font-size:100%; 
    font-weight:normal; 
} 

q:before,q:after { 
    content:''; 
} 

abbr,acronym { border:0; }

/*Nuevo CSS*/
blockquote{
	margin: 0;
	padding: 0 30px 0 50px;
	background: url('images/quote.png') no-repeat 20px 0;
	border: none;
	font-style: italic;
}

strong {
	font-weight: bold;
}

a {
	color: #ff9600;
}

.alignleft{
	float: left;
	margin: 5px 15px 10px 0;
}

.alignright{
	float: right;
	margin: 5px 0 10px 15px;
}

.aligncenter{
	display:block;
	margin: 5px auto 10px auto;
}

body {
	background-color: #dcd8cc;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#main {
	background-color: white;
	border-bottom: 10px solid #c8c6bd;
	width: 960px;
	margin: 0 auto;
	padding: 10px 10px 25px 10px;
	text-align: left;
}

/*Estilos para #header*/
#header {
	height: 188px;
	background-color: #000;
}

#logo {
	width: 240px;
	height: 188px;
	float: left;
	background-color: #000;
}

#logo h2 {
	color: #fff;
	font-size: 11px;
	font-style: italic;
	text-align: center;
}

#slogan-1, #slogan-2, #slogan-3, #slogan-4 {
	width: 718px;
	height: 188px;
	float: right;
}

#slogan-1 {
	background-image: url(images/bicicletas-electricas-slogan1-flag.jpg);
}

#slogan-2 {
	background-image: url(images/bicicletas-electricas-slogan2-flag.jpg);
}

#slogan-3 {
	background-image: url(images/bicicletas-electricas-slogan3-flag.jpg);
}

#slogan-4 {
	background-image: url(images/bicicletas-electricas-suiza.jpg);
}


#txt-slogan {
	/*border: solid 1px #F00;*/
	width: 400px;
	float: right;
	margin: 102px 20px 0 0;
}

#txt-slogan h3 {
	font-size: 20px;
	color: #fff;
	text-align: right;
	font-style: italic;
	font-weight: bold;
	text-shadow: #000 1px 1px 1px;
}

/*Estilos para #menu*/
#menu {
	height: 41px;
	clear: both;
	background: url(images/menu-bg.png) repeat-x;
	border-bottom: solid 4px #000;
	text-align: center;
}

#menu ul {
	padding: 10px 10px 0 10px;
}

#menu ul li{
	display: inline;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	padding: 0 15px 0 8px;
	background: url(images/menu-bullet.png) no-repeat left center;
}

#menu a {
	color: #fff;
	text-decoration: none;
}

#menu a:hover {
	color: #000;
}

#menu ul li.current_page_item a, #menu ul li.current_page_parent a{
	color: #000;
}

/*Estilos para #pasos*/
#pasos {
	/*background-color: #2e2e2e;*/
	/*border-bottom: solid 4px #000;*/
	overflow: hidden;
	padding: 15px 0;
	background: url(images/titulos-line-bg.png) repeat-x bottom;
}

#paso1, #paso2, #paso3, #paso4 {
	width: 235px;
	height: 170px;
	float: left;
}

#paso1, #paso2, #paso3 {
	/*background: url(images/pasos-line.png) right repeat-y;*/
	border-right: solid 1px #ddd;
}

.pasos-titulo {
	height: 50px;
	padding: 0 15px;
}

.pasos-titulo h1 {
	float: left;
	width: 160px;
	color: #ff9600;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	margin: 2px 0 0 0;
	line-height: 18px;
}

.pasos-titulo h1 a{
	color: #ff9600;
	text-decoration: none;
}

.pasos-texto {
	clear: both;
	padding: 0 15px;
}

.pasos-texto p {
	color: #000;
	font-size: 12px;
	line-height: 15px;
}

.pasos-texto strong {
	font-weight: bold;
}


.pasos-leermas {
	width: 85px;
	height: 24px;
	background: #000 /*url(images/pasos-leermas-bg.png) no-repeat*/;
	float: right;
	margin: 8px 15px 0 0;
	text-align: center;
	padding: 0;
	font-size: 12px;
	line-height: 22px;
}

.pasos-leermas a {
	background: url(images/pasos-leermas-bullet.png) no-repeat right;
	color: #fff;
	text-decoration: none;
	padding: 0 12px 0 0;
}

.pasos-leermas a:hover {
	color: #ff9600;
}

/*Estilos para .breadcrumb*/
.breadcrumb{
	padding: 10px 0;
	font-size: 11px;
	color: #8d8b82;
}

.breadcrumb a{
	color: #8d8b82;
}

/*Estilos para #content*/
#content {
	overflow: hidden;
}

/*Estilos para #sidebar*/
#sidebar {
	float: right;
	width: 275px;
}

#sidebar h2{
	background: #2e2e2e url(images/sidebar-h2-bullet.png) no-repeat 10px center;
	border-bottom: solid 2px #000;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	padding: 5px 10px 5px 20px;
}

.sidebar-modulo {
	background-color: #f6f6ee;
	border-bottom: 1px solid #c8c6bd;
	padding: 10px;
	margin: 0 0 20px 0;
	font-size: 12px;
}

.sidebar-modulo iframe {
	border: 3px solid #c8c6bd;
	margin: 0 0 10px 0;
}

.sidebar-moduloimg {
	padding: 0 0 10px 0;
}

.sidebar-modulo strong{
	font-weight: bold;
}

.sidebar-modulo p{
	padding: 0 0 5px 0;
	line-height: 14px;
}

.sidebar-modulo ul {
	margin: 0 0 0 15px;
}

.sidebar-modulo ul li {
	list-style: square;
	font-size: 12px;
	padding: 0;
	line-height: 14px;
}

.sidebar-modulo ul li a {
	text-decoration: none;
	color: #000;
}

.sidebar-modulo ul li a:hover, .sidebar-modulo ul li:hover  {
	color: #ff9600;
}

.sidebar-modulo ul li.current_page_item a, .sidebar-modulo ul li.current_page_item{
	color: #ff9600;
}


/*Estilos para #page y .post*/
#page, #contenido-posts, #contenido-portada, #nuestras-bicicletas {
	float: left;
	width: 625px;
	padding: 5px 0;
}

.post {
	padding: 0 0 15px 0;
}

#page h1, .post h1, #bicicletas-portada h1, .portada-mod h2, #nuestras-bicicletas h1, .portada-videos h2 {
	font-size: 20px;
	font-weight: bold;
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;
	background: url(images/titulos-line-bg.png) repeat-x bottom;
}

.post h1 {
	margin: 0;
}

.post h1 a{
	text-decoration: none;
	color: #000;
}

#page h2, .post h2 {
	font-size: 16px;
	font-weight: bold;
	padding: 5px 0 10px 0;
	color: #ff9600;
}

#page h3, .post h3 {
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
	padding: 5px 0 10px 0;
}

#page p, .post p, #nuestras-bicicletas p {
	font-size: 13px;
	padding: 0 0 10px 0;
	line-height: 15px;
}

#page strong, .post strong {
	font-weight: bold;
}

#page em, .post em {
	font-style: italic;
}

#page a, .post a {
	color: #ff9600;
}

#page ol, .post ol {
	margin: 0 0 0 45px;
	padding: 0 0 10px 0;
}

#page ol li, .post ol li {
	list-style: decimal;
	font-size: 12px;
}

#page ul, .post ul {
	margin: 0 0 0 40px;
	padding: 0 0 10px 0;
}

#page ul li, .post ul li {
	list-style: square;
	font-size: 12px;
}

/*Estilos para .date*/
.date {
	font-size: 11px;
	color: #999;
	padding: 2px 0 15px 0;
	font-style: italic;
}

/*Estilos para #navigation*/
#navigation {
	font-size: 12px;
	text-align: center;
}

/*Estilos para .pagetitle*/
.pagetitle {
	font-size: 20px;
	font-weight: bold;
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;
	background: url(images/titulos-line-bg.png) repeat-x bottom;
}

/*Estilos para .imgbordes*/
.imgbordes {
	border: 3px solid #c8c6bd;;
}

/*Estilos para comentarios*/
.comentarios{
	color: #6b9ccd;
	height: 40px;
	padding: 10px 0 0 19px;
	font-size: 12px;
	margin: 0 0 0 25px;
	text-align: center;
}

.comentarios a, .commentautor a{
	color: #ff9600;
	text-decoration: none;
}

#comments h5{
	font-size: 16px;
	color: #ff9600;
	margin: 0 0 10px 0;
	padding: 10px 0 0 0;
	background: url(images/titulos-line-bg.png) repeat-x top;
}

.bgcontcomment{
	height: 31px;
	width: 44px;
	color: #000;
	font-weight: bold;
	float: left;
	margin: 0 5px 0 0;
	font-size: 20px;
	padding: 0;
	text-align: center
}

.commentlist {
	margin: 0 0 15px 0;
}

.commentcite{
	padding: 0;
	margin: 0 0 15px 0;
}

.commenttext{
	border: 1px solid #c8c6bd;
	background-color: #f6f6ee;
	padding: 5px 10px;
	margin: 0;
	font-size: 12px;
}

.commenttext p{
	margin: 0;
	padding: 0;
}

.commentautor{
	font-size: 12px;
	padding: 5px 0;
}

.commentautor img {
	margin: 0 5px 0 0;
	border: solid 2px #f6f6ee;
	vertical-align: middle;
}

.moderacion{
	font-size: 11px;
	padding: 3px 0 0 0;
	color: #ff0000;
}

.requerido{
	font-size: 12px;
	color: #FF0000;
	padding: 2px;
	margin: 0 0 3px 0;
}

#divcomments {
	padding: 0 0 25px 0;
	font-size: 11px;
}

#divcomments h6 {
	font-size: 14px;
	padding: 10px 0;
	color: #000;
}

.text, #divcomments textarea {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
     margin: 2px 0 10px 0;
     padding: 3px;
	 border: solid 1px #c8c6bd;
	 font-size: 11px;
}

label strong {
	font-weight: bold;
	font-size: 12px;
}
/* End Comments */

/*Estilos para la busqueda*/
#searchform input[type="text"] {
	padding: 3px;
	border: solid 1px #c8c6bd;
	font-size: 11px;
	color: #000;
	vertical-align: middle;
}

#searchform input[type="image"] {
vertical-align: middle;
}

/*Estilos para #footer*/
#footer {
	width: 960px;
	margin: 15px auto;
	color: #a4a198;
}

#footer-right {
	width: 400px;
	float: right;
	font-size: 10px;
}

#footer-right p{
	font-size: 11px;
	padding: 10px 0 0 0;
}

#logo-footer {
	width: 150px;
	float: right;
	text-align: right
}

#footer-left {
	float: left;
	width: 550px;
	
}

.footer-modulo {
	float: left;
	width: 150px;
	font-size: 10px;
	padding: 10px 15px 15px 10px;
}

#footer strong {
	font-size: 11px;
	font-weight: bold;
	color: #8d8b82;
}

#footer a {
	color: #a4a198;
	text-decoration: none;
}

#footer a:hover {
	color: #8d8b82;
}

.footer-modulo ul{
	margin: 0;
	padding: 0;
}

.footer-modulo ul li{
	margin: 0;
	padding: 0;
	font-size: 11px;
	list-style-type: none;
}

#footer-creditos {
	font-size: 11px;
	clear: both;
	margin: 0 10px 50px 10px;
	border-top: solid 1px #bdbaaf;
	padding: 10px 0 0 0;
}

#footer-copy {
	float: left;
}

#footer-autor {
	float: right;
}

/*Estilos portada*/
.bicicleta-modelo {
	/*float: left;*/
	/*width: 300px;*/
	margin: 0 25px 0 0;
	text-align: center;
}

.portada-mod {
	margin: 45px 0 0 0;
}

.portada-mod ul {
	margin: 0 0 0 15px;
}

.portada-mod ul li {
	list-style: square;
	font-size: 12px;
	padding: 0 0 5px 0;
}

.portada-mod ul li a {
	color: #ff9600;
}

.portada-mod ul li a:hover, .portada-mod ul li:hover  {
	color: #000;
}

/*.portada-mod h2 {
	font-size: 14px;
	color: #ff9600;
}*/

.portada-mod-left {
	float: left;
	margin: 0 20px 0 0;
}

.portada-mod-left h3 {
	color: #000;
	font-size: 12px;
	background: url(images/menu-bullet.png) no-repeat left 5px;
	padding: 0 0 10px 10px;
}

.portada-mod-left a{
	color: #000;
	text-decoration: none;
}

.portada-mod-left a:hover{
	color: #ff9600;
}

.portada-mod-left p {
	font-size: 12px;
}

.portada-mod-right {
	float: right;
	text-align: center;
}

.portada-mod-right h2{
	text-align: left;
}

.portada-date {
	font-size: 11px;
	color: #999;
	padding: 0;
	margin: 0 0 0 10px;
	font-style: italic;
}

.img-redes {
	padding: 10px;
}

.portada-mod-right, .portada-mod-left {
	width: 300px;
}

.telefono {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin: 10px 0 0 0;
}

.imgbordes, iframe {
	border: solid 4px #f6f6ee;
}

.portada-videos {
	overflow: hidden;
}

.video {
	width: 200px;
	float: left;
	margin: 0 8px 8px 0;
}

/* Easy Slider */
#slider2{
	margin: 0 58px;
}	
#slider ul, #slider li, #slider2 ul, #slider2 li{
	margin:0;
	padding:0;
	list-style:none;
}
#slider li, #slider2 li{ 
/* 
	define width and height of list item (slide)
	entire slider area will adjust according to the parameters provided here
*/ 
	width:530px;
	/*height: 375px;*/
	overflow:hidden; 
}		

#slider2 li h3{ 
	font-size: 16px;
	font-weight: bold;
	padding: 10px 0 5px 0;
	margin: 0 0 10px 0;
	color: #ff9600;
}

#slider2 li h2{ 
	font-size: 24px;
	font-weight: bold;
	font-style: italic;
	padding: 5px 0 15px 0;
	color: #8ca115;
	text-align: center;
}	

#slider2 a{
	text-decoration: none;
}	

#slider2 li p{
	font-size: 12px;
	padding: 0 0 10px 0;
	line-height: 15px;
}

.verdetalles {
	margin: 10px 15px 0 0;
	float: right;
}

.verdetalles a{
	background: #ff9600 url(images/menu-bullet.png) no-repeat 5px center;
	padding: 4px 10px 4px 15px;
	color: #fff;
	text-decoration: none;
}

.verdetalles a:hover{
	color: #000;
}

.precio {
	font-size: 16px;
	font-weight: bold;
	color: #8ca115;
}

#slider2 strong {
	font-weight: bold;
}					
		
p#controls, p#controls2{
	margin:0;
	position:relative;
} 
	
#prevBtn, #nextBtn, #prevBtn2, #nextBtn2{ 
	display:block;
	margin:0;
	overflow:hidden;
	text-indent:-8000px;		
	width:50px;
	height:50px;
	position:absolute;
	/*left:-30px;*/
	top:-385px;
	}	

#nextBtn, #nextBtn2{ 
	left:595px;
}														

#prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a{  
	display:block;
	width:50px;
	height:50px;
	background:url(images/btn_prev.gif) no-repeat 0 0;	
}	

#nextBtn a, #nextBtn2 a{ 
	background:url(images/btn_next.gif) no-repeat 0 0;	
}												

/* // Easy Slider */

.nuestras-bicicletas-modulo-left, .nuestras-bicicletas-modulo-right {
	float: left;
	width: 300px;
	margin: 0 0 20px 0;
}

.nuestras-bicicletas-modulo-left {
	margin: 0 20px 0 0;
}

.nuestras-bicicletas-modulo-left h2, .nuestras-bicicletas-modulo-right h2 {
	font-size: 22px;
	font-weight: bold;
	padding: 5px 0 10px 0;
	color: #ff9600;
	text-align: center;
}

.nuestras-bicicletas-modulo-left h2 a, .nuestras-bicicletas-modulo-right h2 a{
	text-decoration: none;
	color: #ff9600;
}

.sedes td {
	vertical-align:top;
}
