html, body {height: 100%;margin: 0; padding: 0;} 
#outer
{
    width: 100%;
    height: 100%;
    margin-top: 5px;
    min-height:100%;/*for mozilla*/
}
.fullheight{height:100%;}

/* importar fuentes "Open Sans" de google web fonts */
@import url(http://fonts.googleapis.com/css?family=Noto+Serif:400,700,400italic,700italic|Merriweather:400,700italic,900italic,900,700,400italic,300italic,300&subset=latin);
.fontsgoogle 
{
    font-family: 'Noto Serif', serif; font-weight: 400; 
    font-family: 'Montserrat Alternates', sans-serif;
    font-family: 'Merriweather', serif;
}
@font-face {
    font-family: 'Georgia';
    src: url('Georgia.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Georgia';
    src: url('Georgia Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

/* body anterior #E9E9E9 #F4F2F2*/
body {background-color:#FFF;font-family: 'Georgia','Open Sans',Arial, sans-serif, Tahoma; font-size: 12px; color: #666666;} /*color:#949494;}*/

.socialicons{height:20px;overflow:hidden}
.iconfaceboock{float:left;background:url(../images/Logos_social_Facebook_off.png) no-repeat 0 0;display:block;width:25px;height:25px;}
.iconfaceboock:hover{background:url(../images/Logos_social_Facebook.png) no-repeat 0 0}
.icontwitter{float:left;background:url(../images/Logos_social_Twitter_off.png) no-repeat 0 0;display:block;width:25px;height:25px;}
.icontwitter:hover{float:left;background:url(../images/Logos_social_Twitter.png) no-repeat 0 0}
.iconpinterest{float:left;background:url(../images/Logos_social_Pinterest_off.png) no-repeat 0 0;display:block;width:25px;height:25px;}
.iconpinterest:hover{float:left;background:url(../images/Logos_social_Pinterest.png) no-repeat 0 0}

.iconbotfoto:hover{cursor: pointer; cursor: hand;}

.menuopcion {font-family: 'Georgia';color:#5F8FA7;font-weight: 400; font-size:14px ;text-decoration:none; font-style: italic; margin-left:0px;}
.menuopcion a:{color:#666666;}
.menuopcion:hover,.menuopcion.focus,.menuopcion.active{color:#90655C; cursor: pointer; cursor: hand;text-decoration: underline;}
.menuoptionselected{font-family: 'Georgia';color:#90655C;font-weight: 400; font-size:14px ;text-decoration:none; font-style: italic; margin-left:0px;}

.idioma {font-family: 'Georgia';color:#858084;font-weight: 400; font-size:11px ;text-decoration:none; font-style: italic; margin-left:0px;}
.idioma a:{color:#90655C;}
.idioma:hover,.menuopcion.focus,.menuopcion.active{color:#90655C; cursor: pointer; cursor: hand;text-decoration: underline;}
.idiomaselected{font-family: 'Georgia';color:#90655C;font-weight: 400; font-size:11px ;text-decoration:underline; font-style: italic; margin-left:0px;}

.bordeArticulo
{
    border-style: solid;
    border-width: 1px;
    border-color:#ffffff;
    /*background-color: #ffffff;*/
}
.bordeArticulo:hover
{
    border-style: solid;
    border-width: 1px;
    border-color:#90655C;
    /*background-color: #F5F5F5;*/
}
.TituloGrid
{
    font-family: 'Georgia';color:#5F8FA7;font-weight: 400; font-size:14px ;text-decoration:none; font-style: normal; margin-left:0px;
}
.TituloGrid:hover
{
    color:#90655C;cursor: pointer; cursor: hand;
}
.CategoriaGrid
{
    font-family: 'Georgia';color:#808080;font-weight: 400; font-size:12px ;text-decoration:none; 
    text-decoration: underline; font-style: italic; margin-left:0px;
}
.CategoriaGrid:hover
{
    font-family: 'Georgia';color:#90655C;cursor: pointer; cursor: hand;
}
.normalItalic{font-family: 'Georgia';color:#808080;font-weight: 400; font-size:12px ;text-decoration:none; font-style: italic; margin-left:0px;}
.enCat
{
    font-family: 'Georgia';color:#808080;font-weight: 400; font-size:12px ;text-decoration:none; font-style: italic; margin-left:0px;
}
.precio
{
    font-family: 'Georgia', 'Open Sans-Serif', Arial, Tahoma;color:#90655C;font-weight: 400; font-size:16px ;text-decoration:none; font-style: italic; margin-left:0px;
}
.Contactar
{
    font-family: 'Georgia','Open Sans', Arial, Tahoma;color:#858084;font-size:14px;text-decoration:none; font-style: italic; margin-left:0px;
}
.Contactar:hover{color: #90655C;}
.pie{font-family: 'Georgia';color:#808080;font-weight: 400; font-size:12px ;text-decoration:none; margin-left:0px;}
.Olga {font-family: 'Georgia';color:#5F8FA7;font-weight: 400; font-size:16px ;text-decoration:none; margin-left:0px;}
.encuadernadora{font-family: 'Georgia';color:#808080;font-weight: 400; font-size:12px ;text-decoration:none;font-style: italic; margin-left:0px;}
.telefonos {font-family: 'Georgia';color:#5F8FA7;font-weight: 400; font-size:14px ;text-decoration:none; font-style: italic; margin-left:0px;}
.correo {font-family: 'Georgia';color:#5F8FA7;font-weight: 400; font-size:14px ;text-decoration:none; font-style: italic; margin-left:0px;}
.Direccion {font-family: 'Georgia';color:#5F8FA7;font-weight: 400; font-size:14px ;text-decoration:none; margin-left:0px;}
.LaDireccion {font-family: 'Georgia';color:#808080;font-weight: 400; font-size:14px ;text-decoration:none;font-style: italic; margin-left:0px;}
.maintenance
{
    font-family: 'Georgia';color:#5F8FA7;font-weight: 400; font-size:14px ;text-decoration:none; margin-left:0px;
}
.desea
{
    font-family:'Georgia','Open Sans', Arial, Tahoma;color:#5F8FA7;font-size:15px;text-decoration:none; margin-left:0px;
    text-align:center;
    /*width: 350px;*/
}
.encargar
{
    font-family:'Georgia','Open Sans', Arial, Tahoma;color:#90655C;font-size:16px;text-decoration:none; margin-left:0px;
    text-align:center;
    /*width: 350px;*/
}
.tablacontacto
{
    background-color: #FBF9F9;
    border-style: solid;
    border-width: 1px;
    border-color:#E9E9E9;/*#90655C;*/
    padding: 5px;
}
.NomCampos{font-family: 'Georgia','Open Sans', Arial, Tahoma;color:#808080;font-weight: 400; font-size:14px ;text-decoration:none;margin-left:0px;}
.campoformulario{font-family: 'Georgia';color:#5F8FA7;font-weight: 400; font-size:14px ;text-decoration:none; font-style: italic; margin-left:0px;}

/* Detalle */
.TituloDetalle
{
    font-family: 'Georgia','Open Sans', Arial, Tahoma;color:#858084;font-weight: 400; font-size:14px ;text-decoration:none; font-style: normal; margin-left:0px;
}
.CategoriaDetalle
{
    font-family: 'Georgia';color:#5F8FA7;font-weight: 400; font-size:12px ;text-decoration:none; 
    text-decoration: underline; font-style: italic; margin-left:0px;
}
.CategoriaDetalle:hover
{
    font-family: 'Georgia';color:#90655C;cursor: pointer; cursor: hand;
}
.Detalle
{
    font-family: 'Georgia';color:#808080;font-weight: 400; font-size:14px ;text-decoration:none; font-style: normal; margin-left:0px;
}
.DetSobremi
{
    font-family: 'Georgia';color:#808080;font-weight: 400; font-size:14px ;text-decoration:none; font-style: normal; margin-left:0px; text-align:justify;
}
/* fin Detalle */

.TituloGrid
{
    font-family: 'Georgia';color:#5F8FA7;font-weight: 400; font-size:14px ;text-decoration:none; font-style: normal; margin-left:0px;
}

/* ListView */
.ListViewpager
{
    width:100%;
}
.PanelVistaGaleria{width: 100%; padding: 0; margin:0;}
.ButtonsPager{ vertical-align: middle;}
.pager 
{
	margin-left:30px;
	font-size:medium;
}

.pager a
{
	color:red;
}

.productlist li
{
    display: inline;
    float: left;
    margin-left: 15px;
    margin-bottom: 15px;
}

.datapager
{
    /*display:block;*/
    text-align:center;
    vertical-align: middle;
    /*clear: both;*/
    font-family: Georgia,Arial,Tahoma,sans-serif;font-size:11px;color:#5F8FA7;
    background-color: #ffffff;
    border: solid 1px #424242;
    /*width:15px;
    margin:2px 3px 2px 3px;*/
}
.datapager:hover
{
    /*display:block;*/
    text-align:center;
    vertical-align: middle;
    /*clear: both;*/
    font-family: Georgia, Arial,Tahoma,sans-serif;font-size:11px;color:#ffffff;
    background-color: #90655C;
    border: solid 1px #424242;
    /*width:15px;
    margin:2px 3px 2px 3px;*/
    cursor: pointer; cursor: hand;
}
.datapagerselected
{
    /*display:block;*/
    text-align:center;
    vertical-align: middle;
    /*clear: both;*/
    font-family: Georgia,Arial,Tahoma,sans-serif;font-size:13px;color:#ffffff;
    background-color: #5F8FA7;
    border: solid 1px #424242;
    /*width:15px;
    margin:2px 3px 2px 3px;*/
    margin-right:2px;padding:4px 6px;
}
.DesArt
{
    font-family:Arial,Tahoma,sans-serif;font-size:12px;line-height:14px;color:#424242;
    font-weight:bold;
    text-decoration: none;
}
.DesArtTit
{
    font-family:Arial,Tahoma,sans-serif;font-size:12px;line-height:14px;color:#424242;
    font-weight:bold;
    text-decoration: none;
}
.DesArtTit:hover,.DesArtTit.focus,.DesArtTit.active
{
    color:#9F0108;
    text-decoration: underline;/* none;*/
}
.fotoGaleria
{
    padding: 0; margin: 0;
    min-height:100px;
}
.CajaListView
{
    border: solid 2 #C0C0C0; height:100%;
}
/* DataPager */
/*http://geeks.netindonesia.net/blogs/danni/archive/2008/10/14/styling-datapager-woork-style.aspx */
#DataPagerGaleria {border:0; margin:0; padding:0; font-size:11px; list-style:none; float:left;}
#DataPagerGaleria a {border:solid 1px #9aafe5; margin-right:2px;padding:4px 6px;}
#DataPagerGaleria .command {font-weight:bold; display:block; float:left; margin-right:2px; padding:4px 4px;}
#DataPagerGaleria .current {background:#90655C; color:#FFFFFF; font-weight:bold; display:block; float:left; padding:4px 6px; margin-right:2px;}
#DataPagerGaleria a:link, #DataPager1 a:visited 
{
    color:#0e509e; display:block; float:left; padding:4px 6px; text-decoration:none;
}
#DataPager1 a:hover {border:solid 1px #0e509e;}

.amount{font-size:12px;line-height:11px;padding:2px 3px 0;width:102px;float:right}
.amount input{width:30px;text-align:right;float:right;padding:1px 0;margin:0 2px 0 2px; color:#424242}
.TitcantidadView
{
    font-family:Arial,Verdana,Tahona;
    font-size:8;
    color:#000000;
    text-align:justify;
}
/* fin ListView */
.BTNbotonNormal
{   
    font-family: 'Open Sans', Arial, sans-serif, Tahoma;color:#FFF;font-size:16px;text-decoration:none; font-weight:bold;
    font-size:12px;
    border-left: 1px solid #fff;
	border-top: 1px solid #dFeEFF; /* fallback colour must use full shorthand */
	border-top: 1px solid rgba(255,255,255,.5);
	padding: 3px 5px;
	
	/*zoom: 1; /* IE7 */
	background: #ABABAB; /* Old browsers */
	background: -moz-linear-gradient(top, #ABABAB 0%, #838383 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ABABAB), color-stop(100%,#838383)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ABABAB 0%,#838383 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ABABAB 0%,#838383 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ABABAB 0%,#838383 100%); /* IE10+ */
	background: linear-gradient(top, #ABABAB 0%,#838383 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ABABAB', endColorstr='#838383',GradientType=0 ); /* IE6-9 */	
}
.BTNbotonNormal:hover
{
	/* FF3.6+ */
	/* Chrome,Safari4+ */
	/* Chrome10+,Safari5.1+ */
	/* Opera 11.10+ */
	/* IE10+ */
	cursor: pointer; cursor: hand;
    /*background-image: linear-gradient(top, #79A2B7 0%,#5F8FA7 100%);/* W3C */*/
    background: #ABABAB; /* Old browsers */
	background: -moz-linear-gradient(top, #79A2B7 0%, #5F8FA7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#79A2B7), color-stop(100%,#5F8FA7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #79A2B7 0%,#5F8FA7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #79A2B7 0%,#5F8FA7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #79A2B7 0%,#5F8FA7 100%); /* IE10+ */
	background: linear-gradient(top, #79A2B7 0%,#5F8FA7 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#79A2B7', endColorstr='#5F8FA7',GradientType=0 ); /* IE6-9 */	
	/* IE6-9 */
}