/*
        Theme Name: CSS inicial
        Theme URI: http://rudeworks.com/blog/css-inicial/
        Author: RUDE
        Author URI: http://rudeworks.com
        Version: 1.0
        Description: CSS básico con arreglos y selectores pre-configurados.
        */
/*** HACKS PARA IE ***/
        /* Si tienes la necesidad de aplicar algún hack para IE6 utiliza este selector: */
        *html {
        }
        /* Si necesitas aplicarlo a IE7 utiliza este:*/
        *:first-child+html {
        }
/*** NEUTRALIZANDO ESTILOS:
                elementos que queremos limpiar completamente: ***/
        * {
                margin: 0;
                padding: 0;
                border: none;
        }
        html {
                font: 62.5% "Lucida Grande", Lucida, Verdana, sans-serif;
                text-shadow: #000 0px 0px 0px;/*Elimina el efecto bold en Safari*/
        }
/*** NEUTRALIZANDO ESTILOS:
                elementos con margen vertical: ***/
        h1, h2, h3, h4, h5, h6, p, pre,
        blockquote, ul, ol, dl, address {
                font-weight: normal;
                margin: 0 0 1em 0;
        }
/*** Algunos ajustes basicos: ***/
        sup {
                position: relative;
                bottom: 0.3em;
                vertical-align: baseline;
        }
        sub {
                position: relative;
                bottom: -0.2em;
                vertical-align: baseline;
        }
        li, dd, blockquote {
                margin-left: 1em;
        }
/*** LINKS:
                recuerda utilizar siempre la regla del LoVe-HAte ***/
                a, a:link, a:visited, a:hover, a:active {
                /*
                Si quisieramos eliminar la línea de puntos que aparece al pulsar un enlace, aplicaríamos la siguiente propiedad:
                outline: 0;
                Sin embargo no se recomienda, por temas de accesibilidad para navegación con teclado (lo cual implica temas legales, un tema peliagudo).
                */
                text-decoration: none;
        }
        a img {
                border: none;
                text-decoration: none;
        }
        img {
                border: none;
                text-decoration: none;
                /*Si añades un background aparecerá como fondo de la imagen, útil para imágenes de carga*/
        }
/*** FORMULARIOS: ***/
        label, button {
        cursor:pointer;
        }
        input, select, textarea {
                font-size: 100%;
        }
        input:focus, select:focus, textarea:focus {
                background-color: #FFF;
        }
        fieldset {
                border: none;
        }
/*** Algunas clases útiles: ***/
        .clear {
                clear: both;
        }
        .float-left {
                float: left;
        }
        .float-right {
                float: right;
        }

/* FIN RESET */
body {
	background-image: url(/images/stones.jpg);
	background-repeat: repeat;
}
p {
	margin-bottom: 11px;
}
a, a:visited {
	color: #25628f;
}
#container {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	text-align: justify;
	font-size: 11px;
	background-color: #FFFFFF;
	padding: 5px;
}
#header{
background-image:url(../images/headerback.jpg)

}
#logo{
	float: left;
	height: 62px;
	width: 224px;
}
#languages {
	float: right;
	text-align:right;
	width: 150px;
	margin-top: 42px;
}

#nav {
	background-color: #CC9933;
	background-image: url(../images/menuback.gif);
	
}

#menu a, #menu a:visited{
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
#row1 {margin-top: 5px;}
#row2 {
	background-color: #e7e2df;
	padding: 5px;
	margin-bottom: 5px;
	border: 1px solid #ccc;
}
#row3 {
	}

#insidecontent {
	float: left;
	width: 718px;

}

#rightcolumn {
	float: right;
	width: 236px;
	}
.clear {
	clear: both;
	height: 1px;
}

.imgleft {
	float: left;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
}

#tiendas {
width:260px;
float: left;
margin-right:12px;}
#runners {
width:260px;
float: left;}

#separadorrow2 {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666666;
	width: 2px;
	margin-right: 10px;
	margin-left: 10px;
	float: right;
	background-color: #333333;
}

#productosdestacados {
	float: right;
	width: 400px;
	overflow:hidden;
}

#cajavideo {
	height: 300px;
	width: 438px;
	padding: 10px;
	float:left;
	border: 1px solid #CCCCCC;
}

#noticias {
	float: right;
	width:472px;
	text-align:justify;
	padding: 10px;
	border: 1px solid #CCCCCC;
	height: 300px;

}
.videoholder {
	float: left;
	height: 246px;
	width: 438px;
	margin-right: 10px;
}
.textholder {	float: right;
	height: 246px;
	width: 255px;
	margin-right: 10px;
}
#footerline{
	height: 12px;
	margin-bottom: 5px;
	margin-top: 15px;
	padding-top:10px;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #215285;
	text-align:center;
}
.img130{width:110px; overflow:hidden; height:105px;}
.title1{
	text-transform: uppercase;
	margin-bottom: 10px;
	font-weight: bold;
	color: #3674b4;
	font-size: 10px;
}

.title1 a, .title1 a:visited {
	color: #3674b4;}
	
.rightdiv {
	width: 574px;
	float: right;
	margin-left: 10px;
}

.outborder{
	padding: 2px;
	border: 1px solid #CCCCCC;
}

.underscore{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #3674b4;
	padding-bottom: 3px;
}

.underscoredot{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	padding-bottom: 3px;
}

.title1 a, .title1 a:visited {
	color: #3674b4;}

#guideformbox {
	height: 268px;
	width: 236px;
	background-image: url(../images/newsletter.jpg);
	background-repeat: no-repeat;
	text-align: center;
	}
.n_input {
border:solid 1px #0066FF;
	height: 16px;
	width: 200px;
	margin-bottom: 3px;
	padding-top: 5px;
	padding-left: 10px;
}

.topborder {
	padding-top: 2px;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #1881c4;
}
.sidebox {
	margin-top: 15px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #1881c4;
	padding-top: 15px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-size: 14px;
	color: #666666;
}

.forminput {border: 1px #999999 solid;}


#slideshow {
    position:relative;
    height:267px;
	width: 488px;
	float: left;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 350px;
    height: 170px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

.jcarousel-skin-tango.jcarousel-container-horizontal {
    padding: 14px 32px 0 52px;
}

.jcarousel-skin-tango.jcarousel-container-horizontal, .jcarousel-skin-tango .jcarousel-clip-horizontal {
    width: 350px;
	}
	
.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  350px;
    height: 124px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 165px;
    height: 122px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}




/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 33px;
    height: 58px;
    cursor: pointer;
    background: transparent url(../images/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 5px;
    width: 33px;
    height: 58px;
    cursor: pointer;
    background: transparent url(../images/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}