/* Documento CSS - Creado por Studio Byte */

/* fonts */

@font-face {
font-family: 'Roboto Condensed';
font-style: normal;
font-weight: 400;
src: local('Roboto Condensed Regular'), local('RobotoCondensed-Regular'), url(http://themes.googleusercontent.com/static/fonts/robotocondensed/v9/Zd2E9abXLFGSr9G3YK2MsFzqCfRpIA3W6ypxnPISCPA.woff) format('woff');
}
@font-face {
font-family: 'Roboto Condensed';
font-style: normal;
font-weight: 700;
src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(http://themes.googleusercontent.com/static/fonts/robotocondensed/v9/b9QBgL0iMZfDSpmcXcE8nCSLrGe-fkSRw2DeVgOoWcQ.woff) format('woff');
}
@font-face {
font-family: 'Roboto Condensed';
font-style: italic;
font-weight: 400;
src: local('Roboto Condensed Italic'), local('RobotoCondensed-Italic'), url(http://themes.googleusercontent.com/static/fonts/robotocondensed/v9/BP5K8ZAJv9qEbmuFp8RpJfHZ7IfZvqUgXLEMrfwTXOk.woff) format('woff');
}
@font-face {
font-family: 'Roboto Condensed';
font-style: normal;
font-weight: 300;
src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'), url(http://themes.googleusercontent.com/static/fonts/robotocondensed/v9/b9QBgL0iMZfDSpmcXcE8nNeiznanRB67rGZDYkMvKPc.woff) format('woff');
}
/* Etiquetas */


body {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 14px;
	color: #333;
	font-weight:400;
	text-align: left;
	padding: 0;
	margin: 0;
	background:#d5dee9 url(../img/pagina/bg-body.jpg) center top no-repeat;
	line-height: 19px;
}

p, form, h1, h2, h3 {margin: 0; padding: 0;}

h1 {
	font-size:23px;
	color: #dd201c;
	font-weight:400;
}
h2 {
	color:#0067b8;
	font-size:19px;
	font-weight:400;
	font-style:italic;
	margin: 20px 0;
	line-height:22px;
}

h3 {
	font-size:29px;
	color: #444;
	font-weight:400;
	text-align:center;
	margin:35px 0 30px 0;
}
h4 {
	font-size:15px;
	color: #dd201c;
	font-weight:400;
	margin: 0 20px 20px 20px;
}
button, input, textarea {	background: transparent; margin: 0;	border: 0; padding:0; outline:none; }


li {
	list-style: none;
	margin: 5px 0 5px 0;
	padding: 0 0 5px 26px;
	background: url(../img/pagina/li.png) no-repeat 0 4px;
}

ul {
	padding:0;
	margin:0;
}
/* FORMULARIO */
.FormuContacto .Label{	font-weight:400; }
.FormuContacto input, .FormuContacto textarea {
	margin: 5px 0 10px 0;
	border: 1px solid #c0c0c0;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:300;
	font-size:15px;
	color:#777;
	line-height:25px;
	padding:5px;
	border-radius:4px;
	width:370px;
	transition: all 0.3s linear 0s;
	resize:none;
}
.FormuContacto input:hover, .FormuContacto textarea:hover {
	border: 1px solid #a6baca;
}
.FormuContacto input:focus, .FormuContacto textarea:focus {
	border: 1px solid #dd201c;
	background:#ddf0ff;
	color:#111;
}
.FormuContacto textarea{
	margin-bottom:0;
}
.FormuContacto input[type=checkbox]{
	margin:0;
	padding:0;
	width:20px;
}
.FormuContacto input[type=submit]{
	margin:10px 0 0 0;
	width:382px;
	text-align:center;
	color:#fff;
	font-weight:400;
	background:#dd201c;
	font-size:15px;
	cursor:pointer;
	box-shadow: 0 0 4px #999;
	height:43px;
}
.FormuContacto input[type=submit]:hover{
	background:#0067b8;
}
.ContenidoServicios ul{
	margin-left:20px;
}
.Error{
	color:#ff0000;
	font-weight:300;
}
.FrmCantidad {
	margin: 5px 10px 10px 0px;
	border: 1px solid #c0c0c0;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:400;
	font-size:18px;
	color:#333;
	line-height:25px;
	padding:5px 10px;
	border-radius:4px;
	width:40px;
	transition: all 0.3s linear 0s;
	resize:none;
}
.FrmCantidad:hover {
	border: 1px solid #a6baca;
}
.FrmCantidad:focus {
	border: 1px solid #dd201c;
	background:#ddf0ff;
	color:#111;
}
/* CLASSES */
.Modal {
	width:100%;
	height:100%;
	position:fixed;
	background: url(../img/pagina/bg-modal.png) repeat;
	z-index:10;
	display:none;
}
.Close{
	width:35px;
	height:35px;
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	background:url(../img/botones/close.png) no-repeat;
}
.preload {display: none;}
.Italic {	font-style: italic;}
.Bold {	font-weight:700;}
.BoldItalic {	font-weight:700;	font-style:italic;}
.Clear{	clear:both;}
.Left {	float:left }
.Right { float:right }

.FormuCliente{
	width:790px;
	margin: 30px auto;
	font-weight:400;
}
.FrmCampo{
	border:1px solid #c0c0c0;
	padding:3px 5px;
	width:350px;
	margin: 3px 0 10px 0;
	border-radius:4px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:300;
	font-size:17px;
	color:#555;
	line-height:25px;
	transition: all 0.3s linear 0s;
}
.FrmCampo:hover {
	border: 1px solid #a6baca;
}
.FrmCampo:focus {
	border: 1px solid #dd201c;
	background:#ddf0ff;
	color:#111;
}
.FrmBoton{
	margin:10px 0 0 0;
	min-width:100px;
	text-align:center;
	color:#fff;
	font-weight:400;
	background:#dd201c;
	font-size:15px;
	cursor:pointer;
	box-shadow: 0 0 4px #999;
	height:43px;
	border-radius:4px;
	transition: background 0.3s linear 0s;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:400;
	font-size:17px;
}
.FrmBoton:hover{
	background:#0067b8;
}
.Linea
{
	width:100%;
	height:1px;
	border-top:2px dotted #c0c0c0;
	margin-bottom:20px;
}
/* PRODUCTOS */
.Productos{
	margin: 0 auto;
	width:904px;
	margin-top:10px;
}
.CeldaProducto{
	min-height:300px;
	width:190px;
	float:left;
	border:1px solid #c0c0c0;
	margin:7px;
	padding:10px;
	text-align:center;
	cursor:pointer;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow:0 0 2px #ccc;
	transition: all 0.3s linear 0s;
}
.CeldaProducto:hover{
	box-shadow:0 0 2px #dc0d15;
	border:1px solid #dc0d15;
}
.CeldaImagen{
	height:200px;
	width:200px;
	display: table-cell;
	vertical-align: middle;
	margin: 0 auto;
	text-align:center;
}
.CeldaProducto img{
	margin:4px 0;
}
.Codigo{
	margin-bottom:6px;
}
.NombreProducto{
	margin-top:3px;
	color:#0067b8;
	text-align:left;
	font-size:17px;
}
.Precio{
	margin-top:3px;
	color:#dd201c;
	text-align:left;
	font-size:17px;
}
.FotoProducto{
	width:400px;
	text-align:center;
	float:left;
}
.Foto{
	border:none;
}
.DetalleProductoDescripcion{
	width:500px;
	float:right;
}
.CodigoDetalle{
	font-weight:400;
}
.PrecioDetalle{
	font-weight:400;
	color:#dc0d15;
}
/* TABLA CARRO */

.TablaCarro{
	width:100%;
}
.TablaCarro th {
	color:#0067b8;
	font-size:19px;
}
.TablaCarro tr {
	border-bottom:1px dashed #888;
}
.TablaCarro td {
	color:#222;
	line-height:18px;
	padding:10px 0;
	vertical-align:middle;
}
.frmCantidad{
	display: inline;
	width: 40px;
	height: 30px;
	padding: 0px 9px;
	background: none repeat scroll 0% 0% #f4f4f4;
	border:1px solid #dc0d15;
	border-image: none;
	border-radius: 3px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:400;
	font-size:17px;
	color:#333;
	transition: border 0.3s linear 0s, box-shadow 0.2s linear 0s;
	text-align:right;
}
.frmCantidad:hover{
	box-shadow: 0px 0px 2px #dc0d15;
}
.frmCantidad:focus{
	border-color: #bd2049;
	outline: 0px none;
	box-shadow: 0px 0px 5px #dc0d15;
}
.TotalCarro{
	color:#333;
	margin: 30px 20px 0px 0;
	font-size:20px;
}
.IcoContacto{
	display:inline; vertical-align:middle; margin-right:7px;
}
.MensajeBuscador{
	text-align:center;
	margin:80px 0;
}
/* PAGINADOR */
a.Paginador {
	margin: 2px;
	padding: 4px 5px;
	border:1px solid #c0c0c0;
	background:#eee;
	border-radius:5px;
	text-shadow:none;
	transition: none;
	box-shadow: 1px 1px 2px #c0c0c0;
}
.PaginadorPagActual {
	margin: 2px;
	padding: 4px 5px;
	color:#fff;
	background: #dc0d15;
	border: 1px solid #dc0d15;
	border-radius:5px;
	box-shadow: 1px 1px 2px #6e0000;
	font-weight:700;
}
a.Paginador:hover {
	color: #fff;
	text-decoration:none;
	background:#009cff;
	text-shadow:none;
	transition: background 0.2s linear 0s;
}
/* MENU ACCORDION */
#MenuLateral {
	text-align:left;
	overflow:auto;
	float:left;
	width:230px;
}
#MenuLateral ul,#MenuLateral li{
	list-style: none;
	background:none;
	margin:0;
	padding:0;
}
#accordion{
	list-style: none;
	padding: 0 0 0 0;
	width: 227px;
	margin: 0;
	height:auto;
	border:1px solid #000;
}
#accordion div{
	display: block;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:400;
	font-size:13px;
	color:#fff;
	padding: 4px 5px;
	margin:0;
	background:#444;
	border-bottom:1px solid #000;
}
#accordion div:hover {
	color: #6dfff0;
	cursor:crosshair;
}
#accordion ul {
	list-style: none;
	background:none;
	display: none;
	margin:0; padding:0;
}
#accordion ul li {
	width: 218px;
	display:block;
	border-bottom:1px dotted #000000;
	padding: 6px 5px;
	list-style: none;
	background:none;
}
#accordion a {
	text-decoration: none;
	color: #0067b8;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:400;
	font-size:13px;
}
#accordion a:hover{
	text-decoration: none;
	color: #dd201c;
}

/* FIN MENU ACCORDION */
.TblPedidos{
	width:100%;
	border:1px solid #ccc;
	padding:3px;
	margin:20px 0;
}
.TblPedidos th{
	color:#333;
	font-size:16px;
	padding:5px;
	background:#ccc;
}
.TblPedidos td{
	padding:5px;
	border:1px solid #ccc;
}
/* LINKS */
a:link {color:#0067b8; text-decoration: none;transition: color 0.3s linear 0s;}
a:visited {color:#0067b8; text-decoration: none;}
a:hover {color:#dc0d15; text-decoration: none;}

A.LinkTop:link, A.LinkMenuPie:link { color:#fff; text-decoration:none; margin:0 5px; font-size:14px;} A.LinkMenuPie:link { font-size:17px; margin:0 9px;}
A.LinkTop:visited, A.LinkMenuPie:visited  {color:#fff; text-decoration:none;}
A.LinkTop:hover, A.LinkMenuPie:hover  {color:#ffc835; text-decoration:none;}

A.LinkPie:link { color:#fff; text-decoration:none; text-shadow:none; transition: text-shadow 0.5s linear 0s, color 0.5s linear 0s; }
A.LinkPie:visited {color:#fff; text-decoration:none;}
A.LinkPie:hover {color:#fff; text-decoration:none;text-shadow: 1px 1px 4px #02e4ff;}

A.Registrese:link{ color:#444; text-decoration:none; font-weight:400;}
A.Registrese:visited {color:#444; text-decoration:none;}
A.Registrese:hover  {color:#444; text-decoration:underline;}