body {
	background-color:#5f92c5;
}

html, body {
	font-family: 'Roboto Slab', serif;
	
}

p {
}

h1 {
	font-size: 1.900em; 
	font-weight: 700;
	color:#5f92c5;
	padding-top: 220px;
	text-align:left;
}

h2 {
	font-size: 1.500em; 
	font-weight: bold;
	color:#5f92c5;
}

ul {
	font-size: 1.063em;
	list-style-position: inside;
	font-weight: lighter;
}

ol {
}

#wrap {
    width:100%;
    margin: auto;
	height: auto;
	background-color:#FFF;
	background-image:url(../images/bg_header.png);
	background-position:top center;
	background-repeat:repeat-x;
}

#masthead {
	text-align:center;
	margin: auto;
	width: 960px;
	height: 168px;
}

#masthead img {
	text-align:center;
	margin: auto;
}

nav {
	padding-top: 20px;
	width:960px;
	margin: auto;
    height: 70px;
	background-color:#FFF;
	background-image:url(../images/bg_nav.png);
	background-position:top center;
	background-repeat:repeat-x;
}

nav ul {
	padding-left:70px;
	padding-right:70px;
}

nav li {
	text-align:center;
	margin-left:21px;
	margin-right:21px;
	float:left;
 	width:120px;
 	height:44px;
 	line-height:44px;
}

nav ul li a {
	text-transform: uppercase;
	font-weight: 400;
	font-size: 0.900em;
    color:#5f92c5;
    text-decoration: none;
    display:block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

nav ul li a:hover {
	background-color:#5f92c5;
    color: #FFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.link_visitado {
	background-color:#5f92c5;
    color: #FFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.link_visitado a {
    color: #FFF;
	
}

.link_visitado a:hover {
    color: #FFF;
}

#innerwrap {
	width:960px;
	margin: auto;
	padding-bottom: 50px;
	background-color:#FFF;
}

#innerwrap:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

#main {
    float: left;
    width:960px;
}

#main li {
    margin: 10px 60px;
    list-style: disc;
}

p, h1, h3 {
    margin-bottom: 20px;
}

#secondary-content p, #secondary-content h2, #secondary-content h3, #main p, #main h1, #main h2, #main h3 {
    
}

#main p {
	text-align:justify;
	color:#686868;
	font-size:0.875em;
	line-height:1.425em;
	padding-right:20px;
}

#main a {
	text-decoration: none;
	color:#686868;
}

#main a:hover{
	text-decoration: underline;
}

#secondary-content {
	float:right;
	width:635px;
	padding-left: 20px;
	border-left: dotted 1px #000;
}

#secondary-content p {
	color:#686868;
	font-size:0.875em;
	line-height:1.425em;
}

#secondary-content h1 {
	padding-top: 0px;
	color:#000;
	font-size: 1.500em; 
	font-weight: 700;
}

#secondary-content li {
	margin: auto;
	text-align:center;
	margin-left:21px;
	margin-right:21px;
	float:left;
 	width:600px;
 	line-height:46px;
}

#secondary-content li img {
	padding-bottom:20px;
	padding-right: 10px;
	float:left;
}

#secondary-content ul li h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.200em; 
	font-weight: 600;
	color:#ec7404;
	text-align:left;
}

#secondary-content ul li a {
    color:#ec7404;
    text-decoration: none;
    display:block;
}

#secondary-content ul li a:hover {
	background-color:#E2E2E2;
}

#moreinfo {
}

#moreinfo p {
}

#moreinfo a:hover {
	background-color:#CCC;
}

figure {
	float:right;
	padding-top:14px;
	margin-right:450px;
}

figcaption {
	text-align:center;
}

#siteinfo {
	width:960px;
    clear:both;
	margin: 0 auto;
}

#siteinfo p {
	text-align:center;
	font-weight: 300;
	color:#FFF;
	padding-top:30px;
	padding-bottom:30px;
    font-size: 0.750em;
	line-height:1.225em;
}

#siteinfo a {
	text-decoration:none;
	color:#FFF;
}

#siteinfo strong {
	text-decoration:none;
	color:#FFF;
}

#siteinfo a:hover {
	text-decoration:underline;
}

#creditos {
}

/* NOVEDADES */

#novedades {
	width:960px;
	margin: auto;
	background-image:url(../images/novedades.jpg);
	background-position:left center;
	background-repeat:no-repeat;
	min-height:250px;
}


/* EMPRESA */

#empresa {
	width:960px;
	margin: auto;
	background-image:url(../images/empresa.jpg);
	background-position:left center;
	background-repeat:no-repeat;
	min-height:250px;
}

#empresa img {
	margin-bottom:20px;
}

#columna {
    float: left;
    width:240px;
}

#columna p {
	text-align:justify;
	color:#686868;
	font-size:0.875em;
	line-height:1.425em;
	margin-right: 20px;
	margin-left: 20px;
}

#columna h1 {
	text-transform: uppercase;
	font-size: 1.100em; 
	font-weight: 700;
	color:#5f92c5;
	text-align:center;
	padding: 0;
	margin-bottom:20px;
}

#columna a {
	text-decoration: none;
	color:#686868;
}

#columna a:hover {
	text-decoration: underline;
}

#columna img {
	margin-right:70px;
	margin-left:70px;
}


/* CONTACTO */

#contacto p, #contacto h1, #contacto h2 {
	text-align:left;
	margin-right:600px;
} 

#contacto p {
	text-align:justify;
	color:#686868;
	font-size:0.875em;
	line-height:1.425em;
	padding-right:20px;
}

#contacto a {
	color:#5f92c5;
	text-decoration:none;
}

#contacto a:hover {
	color:#ec7404;
	text-decoration:underline;
}

#contacto h2 {
	text-align:justify;
	color:#686868;
	font-size:1.000em;
	line-height:1.425em;
	padding-right:20px;
	font-weight:700;
}

#contacto img {
	float:right;
}


/* PRODUCTOS */

#productos {
	width:960px;
	margin: auto;
	background-image:url(../images/productos.jpg);
	background-position:left center;
	background-repeat:no-repeat;
	min-height:250px;
}

#navegador_productos {
	float:left;
	width:300px;
}

#productos p {
	text-align:justify;
	color:#686868;
	font-size:0.875em;
	line-height:1.425em;
	padding-right:20px;
	padding-top:20px;
}

#navegador_productos li {
	float: none;
}

#navegador_productos ul li a {
	background-image:url(../images/flecha.png);
	background-position:left center;
	background-repeat:no-repeat;
	padding: 10px;
	padding-left:20px;
	font-weight: 400;
	font-size: 0.813em;
    color:#000;
    text-decoration: none;
    display:block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#navegador_productos ul li a:hover {
	background-image:url(../images/flecha_on.png);
	background-position:left center;
	background-repeat:no-repeat;
    color: #ec7404;
}

.producto_on {
    color: #ec7404;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.producto_on a {
    color: #ec7404;
}

.producto_on a:hover {
    color: #FFF;
}


/* PRODUCTOS PORTADA */

#productos img {
	margin-bottom:20px;
}

#producto_portada h1 {
	padding-top: 25px;
	margin: 0;
	margin-bottom:20px;
	font-size: 1.000em; 
	font-weight: 700;
	color:#5f92c5;
	text-align:center;
}

#producto_portada {
	margin:5px;
	margin-bottom: 20px;
    float: left;
    width:228px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: thin solid #5f92c5;
	-webkit-box-shadow: 0 8px 6px -6px #5f92c5;
	-moz-box-shadow: 0 8px 6px -6px #5f92c5;
	box-shadow: 0 8px 6px -6px #5f92c5;
	min-height:75px;
}

#producto_portada p {
	text-align:justify;
	color:#686868;
	font-size:0.875em;
	line-height:1.425em;
}

#producto_portada a {
	text-decoration: none;
	color:#686868;
}

#producto_portada a:hover {
	text-decoration: underline;
}

#producto_portada img {
	margin-right:70px;
	margin-left:70px;
}


/* BANNERS */

			
			#wrapper_banners {
				width: 940px;
				height: 454px;
				overflow: hidden;
				position: relative;
				margin-bottom: 20px;
			}
			#images {
				width: 940px;
				height: 454px;
			}
			#images img {
				display: block;
				float: left;
			}
			#timer,
			#captions {
				width: 940px;
				height: 50px;
				position: absolute;
				left: 0;
				bottom: 0;
			}
			#timer {
			
			}
			#captions .carousel > div {
				color: #fff;
				font-size: 22px;
				font-weight: bold;
				line-height: 52px;
				text-transform: uppercase;
				text-indent: 50px;
				width: 940px;
				height: 50px;
				float: left;
			}
			.pager {
				padding: 0px 20px 0 0;
				float: right;
			}
			.pager a {
				border: 1px solid #b8b8b8;
				background: #fff;
				border-radius: 10px;
				display: none;
				width: 10px;
				height: 10px;
				margin: 0 3px;
			}
			.pager a:hover {
				background: #b8b8b8;
			}
			.pager a.selected {
				background: #b8b8b8;
			}
			.cod .pager .p1,
			.cod .pager .p2,
			.cod .pager .p3,
			.cod .pager .p4,
			.gta .pager .p5,
			.gta .pager .p6,
			.mgs .pager .p7,
			.mgs .pager .p8,
			.mgs .pager .p9 {
				display: inline-block;
			}