@charset "utf-8";
/* CSS Document */


.col-4-lite
{
	width: 30%;	
	display:inline-block;	
	position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
	
	vertical-align: top;
}

.col-4-art
{
	width: 30%;	
	display:inline-block;	
	position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
	vertical-align: top;
}


.col-2
{
	width: 45%;	
	float: left;	
	position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

.titulo
{
	font-size: 20px;
	line-height: 1.4;
	margin-top: 0;
}

.titulo a, .titulo a:hover
{
	font-size: 20px;
	text-decoration: none!important;
	line-height: 1.4;
	margin-top: 0;
}
.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder {
  color: #999999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999999;
}
.form-control::-webkit-input-placeholder {
  color: #999999;
}
.form-control::-ms-expand {
  border: 0;
  background-color: transparent;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eeeeee;
  opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}
textarea.form-control {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: none;
}

div.tooltip a span {display: none;}
div.tooltip a:hover span {display: block;
   position: relative; width: 250px;
   padding: 5px; margin: 10px; z-index: 100;
   color: black; background-color:#FFFFFF; border: 1px solid #ccc;
   font: 12px Verdana, sans-serif; text-align: left;border-radius: 5px;}

div.tooltip a {
  position:relative;
}
div.tooltip a span {
  display:none;
}
div.tooltip a:hover span {
  display:block;
  position:absolute; width: 250px;
  color: black; background-color:#FFFFff; border: 1px solid #ccc;
  font: 12px Verdana, sans-serif; text-align: left; border-radius: 5px; z-index: 100; padding: 5px;
}
div.tooltip a:hover {text-indent:0;}
 .tooltip button {
	border-radius: 50%;
	outline: none;
	 font:initial ;
	
	padding: 5px;
	cursor: pointer;
	cursor: hand;
	background: rgba(241,231,103,1);
	background: -moz-linear-gradient(top, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(241,231,103,1)), color-stop(100%, rgba(254,182,69,1)));
	background: -webkit-linear-gradient(top, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);
	background: -o-linear-gradient(top, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);
	background: -ms-linear-gradient(top, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);
	background: linear-gradient(to bottom, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1e767', endColorstr='#feb645', GradientType=0 );}

.cuerpog {
    
   
    border: 1px solid #ececec;
    min-height: auto;
    position: relative;
    display: block;
    margin: 0 0 20px;
    max-width: 100%;
    font-size: 15px;
    line-height: 1.6;
    white-space: normal;
    min-width: 90%;
    padding: 25px 15px 0px;
	
}
/*box-shadow: 0 1px 2px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;*/
.rec_top
{
	display: inline-block;    
    margin-top: -20px;
    margin-left: -10px;
    background-color: darkorange;
    padding: 7px;
    float: left;
    color: white;
    font-size: 13px;
}
.rec_top_lista
{
	display: inline-block;    
    margin-top: -15px;
    margin-left: 0px;
    background-color: darkorange;
    padding: 7px;
    float: left;
    color: white;
    font-size: 13px;
}

.boxg > a, .boxg > a:hover{
	
color: #212121!important;
font-size: .8rem;
font-style: italic;
font-family: Georgia, serif;
line-height: 18px;
margin: 10px auto;
}
.cuerpog3 {
      
    border: 1px solid #ececec;
    min-height: auto;
    position: relative;
    display: block;
    margin: 0 0 1px;
    max-width: 100%;
    font-size: 15px;
    line-height: 1.6;
    white-space: normal;
    min-width: 90%;
    padding: 25px 15px 0px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;
}


.imgp
	{
		    width: 25%; float: left
	}
.cuerpoan
	{
		    width: 75%; float: left
	}

.cuerpog a {
    color: #2196f3;
}
.cuerpog a:hover {
    color: #0275d8;
    text-decoration: none;
	
}

.tachado {
    float: left;
    color: #666;
    font-size: 16px;
    text-decoration: line-through;
	margin: 5px
}
.pnormal {
    float: right;
    font-size: 19px;
    font-weight: bold;
}

.lista 
{
	font-size: 12px;
	line-height: 1.6;
}

.lista > ul > li
{
	list-style: disc !important;
	display: block;
	padding: 4px;
	list-style-position: outside
}

.lista_post 
{
	font-size: 12px;
	line-height: 1.6;
}

.lista_post > ul > li
{
	list-style: disc !important;
	display: block;
	padding: 4px;
	list-style-position: outside
}


.cuerpog3 {
    
   
    border: 1px solid #ececec;
    min-height: auto;
    position: relative;
    display: block;
    margin: 0 0 1px;
    max-width: 100%;
    font-size: 15px;
    line-height: 1.6;
    white-space: normal;
    min-width: 90%;
    padding: 25px 15px 0px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;
}

.imgp3
	{
		    width: 20%; float: left
	}
.cuerpoan3
	{
		    width: 50%; float: left
	}
.precio3
	{
		        width: 20%;
    float: right;
    text-align: center;
    margin-top: 15px;
	}
.img3 {
	max-height: 100px!important;
}
.pnormal3 {
	
    display: block;
    font-size: 19px;
    font-weight: bold;
}
.cinc3
{
	
	width: 100%;
	color: #000000;
}



.titulo_tabla
{
	
	font-size: 23px;
	border-bottom:none;
	margin-top: -10px;
}
.titulo_tabla h2
{
	vertical-align: top !important;
	font-size: 25px;
	border-bottom:none;
	margin-top: -10px;
}
.aawp .aawp-button.aawp-button--icon, .aawp-button.aawp-button--icon {
    position: relative;
    
}

.aawp .aawp-button.aawp-button--amazon, .aawp-button.aawp-button--amazon {
    border-color: #9c7e31 #90742d #786025 !important;
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(255,255,255,0.4) inset;
    background: #f0c14b;
    background: linear-gradient(to bottom, #f7dfa5, #f0c14b) repeat scroll 0 0 rgba(0,0,0,0);
    color: #111 !important;
}
.aawp .aawp-button, .aawp-button {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    padding: 10px 15px 10px 15px;
    border: 1px solid transparent !important;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    text-align: center;
    text-decoration: none !important;
    background-color: #fff;
    border-color: #ccc !important;
    color: #333 !important;
	float: right;
}

#tablag > tbody > tr > td 
{
	vertical-align: middle;
}

.titulo_tabla > a
{
	color:#256aaf;
	font-size: 15px; 
	line-height: 1.4;
	border-bottom:none!important;
	
}
.titulo_tabla > a:hover
{
	color: #1D558D;
	font-size: 15px;
	line-height: 1.4;
	border-bottom:none!important;
}

.descuento {
    background-color: #FF0004;
    border-bottom-left-radius: 2px;
    color: #fff;
	float: right;
	padding: 7px;
	margin-top: -20px;
	font-size: 13px
}
.rec
{
	float: left;
	font-weight: 700;
	font-size: 25px;
	margin-top: -20px;
	color: #000000
}

.mostrar_hor
{
	float: left;
	max-height:120px;
	width:25%;
}
.mostrar_text_hor
{
	float: left;
	height:120px;
	width:75%;
	
}
.ir_amatop
	{
	width: 20%;
    float: right;
    text-align: center;
    margin-top: 20px;
	}
.ir_ama
	{
	width: 20%;
    float: right;
    text-align: center;
    margin-top: 20px;
	}
@media screen and (max-width: 700px) {
.mostrar_hor
{
	float: none;
	height:auto;
	width:100%;
	margin-bottom: 10px
}
.mostrar_text_hor
{
	float: none;
	height:auto;
	text-align: center;
		width:100%;
	
}
.cuerpoan3
	{
		    width: 100%; float: none
	}	
.cuerpog3 {
		padding: 15px 10px 10px;
	}	
.imgp3 {
	height: auto;
		width: 100%;
		float: none;
}	
.descuento {
    background-color: #FF0004;
    border-bottom-left-radius: 2px;
    color: #fff;
	float: right;
	padding: 7px;
	margin-top: 10px;
	font-size: 13px
}	
.col-4-lite
	{
		width: 96%;
		
		padding-left: 15px;
  		padding-right: 15px;
		float: none;
	}
.col-4-art
{
	width: 96%;
	
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
	vertical-align: top;
}	
.col-2
	{
		width: 96%;
		
		padding-left: 15px;
  		padding-right: 15px;
		float: none;
	}
.imgp
	{
		    width: 96%; float: none
	}
.cuerpoan
	{
		    width: 96%; float: none
	}
.lista 
{
	display: none !important;
}
	
.cuerpoan3
	{
		    width: 100%; float: none
	}

	
	.img3 {
	height: auto !important;
		max-width: 200px !important;
		
}
	.imgp3 {
	height: auto;
		width: 100%;
		float: none;
}
	.precio3
	{
		    width: 100%; float: none;
		text-align: center;
	}
	.cuerpog3 {
		padding: 15px 10px 10px;
	}
	.cinc3
{
	
	width: 100%;
	color: #000000;
}
	.ir_amatop
	{
	width: 100%;
    float: none;
    text-align: center;
    margin-top: 20px;
	}
.ir_ama
	{
	width: 100%;
    float: none;
    text-align: center;
    margin-top: 20px;
	}
}