/* Sticky footer styles
      -------------------------------------------------- */

      html,
      body {
        height: 100%;
        /* The html and body elements cannot have any padding or margin. */
      }

      /* Wrapper for page content to push down footer */
      #wrap {
        min-height: 100%;
        height: auto !important;
        height: 100%;
        /* Negative indent footer by it's height */
        margin: 0 auto -56px;
		background-color:#FFFFFF;

      }

      /* Set the fixed height of the footer here */
      #push,
      #footer {
        min-height: 56px;
      }
      #footer {
        background-color: #dc4574;

		  background-repeat:repeat-x;
	text-align:center;
      }

     


#top
{
	background-color:#dc4574;
	/*min-height:680px;*/
	padding-top:37px;
}



.llamada_accion1 h1
{
	float:left;
	clear:both;
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
	
	font-size: 1.9em;
	color:#f7f3ae;
	/*padding-top:37px;*/
	
	
}

.llamada_accion1 a,.llamada_accion1 a:hover
{
	color:#FFFFFF;
}

.llamada_accion2
{
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	font-size:4em;
	color:#575756;
	text-align:center;
	margin-top:60px;
	margin-bottom:43px;
}

.panel-primary{border-color:#e85a86;}
.panel-primary > .panel-heading{background-color:#e85a86;border-color:#e85a86;color:#FFFFFF;}
.loquiero_button_basico,.loquiero_button_basico:hover,
.loquiero_button_basico:focus,
.loquiero_button_basico:active,
.loquiero_button_basico.active{background-color:#e85a86;border-color:#e85a86;width:149px;font-family: 'Open Sans', sans-serif;font-weight:800;font-size:1.2em;border-radius: 8px;}

.panel-success{border-color:#b92453;}
.panel-success > .panel-heading{background-color:#b92453;border-color:#b92453;color:#FFFFFF;}
.loquiero_button_avanzado,.loquiero_button_avanzado:hover,
.loquiero_button_avanzado:focus,
.loquiero_button_avanzado:active,
.loquiero_button_avanzado.active{background-color:#b92453;border-color:#b92453;width:149px;font-family: 'Open Sans', sans-serif;font-weight:800;font-size:1.2em;border-radius: 8px;}

.llamada_accion2 strong{font-weight:700;}

.otros_datos_contacto{float:left;clear:both;padding-top:25px;padding-bottom:50px;width:100%;}
.telefono_contacto,.email_contacto{float:left;font-family: 'Open Sans', sans-serif;font-weight:700;font-size:1.6em;color:#575756;}
.telefono_contacto{margin-right:20px;margin-bottom:20px;}
.email_contacto a,.email_contacto a:hover{text-decoration:none;color:#575756;}
.telefono_contacto img,.email_contacto img{margin-right:5px;margin-top:-8px;}
.email_contacto a:hover{color:#DC4574;}

ul.ventajas
{
	float:left;
	list-style:none;
	list-style-image:url('../img/check.png');
	margin-left:36px;
	/*margin-top:35px;*/
	
	
}
ul.ventajas li:first-child
{
	padding-top:20px;
}

ul.ventajas li:last-child
{
	padding-bottom:0px;
}

ul.ventajas li
{


	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	color:#FFFFFF;
	font-size:1.28em;
	padding-bottom:20px;
}

ul.ventajas li strong
{
font-weight:700;
}

.label_formulario
{
	float:left;
	margin-top: 5px;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	color:#FFFFFF;
	font-size:1.1em;
}
.form-control:focus
{
	border-color:#dc4574 !important;
	
}

.form_top
{
	float:left;
	clear:both;
	width:100%;
	padding-top:8px;
}
#inputEmail1,#inputEmail2
{
	width:100%;
	font-family: 'Open Sans', sans-serif;
	font-size:1.4em;
	font-weight:400;
	height:47px;
	 border-radius: 12px;
}
.float_left
{
	float:left;
}
#inputEmail2
{
	width:470px;
	height:72px;
	font-size:1.8em;
	margin-bottom:20px;
}
.submit_top,.submit_footer
{
	font-weight:800;
	font-family: 'Open Sans', sans-serif;
	
	height:73px;
	color:#523735;
	background-color:#f4ed73;
	border-radius: 12px;
	
	float:left;
	clear:both;
	/*margin-bottom:37px;*/
	
	font-size: 1.5em;  
	height: 55px;
}

.submit_top
{
margin-bottom:10px;
margin-top:13px;
}

.submit_footer
{
	background-color:#dc4574;
	color:#FFFFFF;
	height:72px;
	width:270px;
	font-size:2.2em;
	font-weight:800;
	margin-left:30px;
}

.content_top img
{
	/*position:absolute;
	bottom:0;*/
}


.border_bottom_white
{
	border-bottom:1px solid #FFFFFF;
}

#logo_madmedia
{
	float:right;
}

#form_footer_content
{
	background-color:#fbecf1;
	width:100%;
	margin-top:79px;
}


ul#menu_footer
{
padding-top:20px;
list-style:none;
padding-left:0px;
}

ul#menu_footer li
{
	font-family: 'Open Sans', sans-serif;
	font-size:1.1em;
	font-weight:700;
	color:#FFFFFF;
	display:inline;
}

ul#menu_footer li a,ul#menu_footer li a:hover,ul#menu_footer li a:visited,ul#menu_footer li a:active
{
	color:#FFFFFF;
}


.table
{
font-family: 'Open Sans', sans-serif;
	font-size:1.1em;
}

.panel
{
    text-align: center;
}
.panel:hover { box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4), 0 1px 5px rgba(130, 130, 130, 0.35); }
.panel-body
{
    padding: 0px;
    text-align: center;
}

.the-price
{
    background-color: rgba(220,220,220,.17);
    box-shadow: 0 1px 0 #dcdcdc, inset 0 1px 0 #fff;
    padding: 20px;
    margin: 0;
}

.the-price h1
{
    line-height: 1em;
    padding: 0;
    margin: 0;
}

.subscript
{
    font-size: 25px;
}

/* CSS-only ribbon styles    */
.cnrflash
{
    /*Position correctly within container*/
    position: absolute;
    top: -9px;
    right: 4px;
    z-index: 1; /*Set overflow to hidden, to mask inner square*/
    overflow: hidden; /*Set size and add subtle rounding  		to soften edges*/
    width: 100px;
    height: 100px;
    border-radius: 3px 5px 3px 0;
}
.cnrflash-inner
{
    /*Set position, make larger then 			container and rotate 45 degrees*/
    position: absolute;
    bottom: 0;
    right: 0;
    width: 145px;
    height: 145px;
    -ms-transform: rotate(45deg); /* IE 9 */
    -o-transform: rotate(45deg); /* Opera */
    -moz-transform: rotate(45deg); /* Firefox */
    -webkit-transform: rotate(45deg); /* Safari and Chrome */
    -webkit-transform-origin: 100% 100%; /*Purely decorative effects to add texture and stuff*/ /* Safari and Chrome */
    -ms-transform-origin: 100% 100%;  /* IE 9 */
    -o-transform-origin: 100% 100%; /* Opera */
    -moz-transform-origin: 100% 100%; /* Firefox */
    background-image: linear-gradient(90deg, transparent 50%, rgba(255,255,255,.1) 50%), linear-gradient(0deg, transparent 0%, rgba(1,1,1,.2) 50%);
    background-size: 4px,auto, auto,auto;
    background-color: #aa0101;
    box-shadow: 0 3px 3px 0 rgba(1,1,1,.5), 0 1px 0 0 rgba(1,1,1,.5), inset 0 -1px 8px 0 rgba(255,255,255,.3), inset 0 -1px 0 0 rgba(255,255,255,.2);
}
.cnrflash-inner:before, .cnrflash-inner:after
{
    /*Use the border triangle trick to make  				it look like the ribbon wraps round it's 				container*/
    content: " ";
    display: block;
    position: absolute;
    bottom: -16px;
    width: 0;
    height: 0;
    border: 8px solid #800000;
}
.cnrflash-inner:before
{
    left: 1px;
    border-bottom-color: transparent;
    border-right-color: transparent;
}
.cnrflash-inner:after
{
    right: 0;
    border-bottom-color: transparent;
    border-left-color: transparent;
}
.cnrflash-label
{
    /*Make the label look nice*/
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    padding-bottom: 5px;
    color: #fff;
    text-shadow: 0 1px 1px rgba(1,1,1,.8);
    font-size: 0.95em;
    font-weight: bold;
    text-align: center;
}

/* ===== Form validation ===== */

.inputContainer { position: relative; float: left; }
.formError { position: absolute; top: 300px; left: 300px; display: block; z-index: 5000; cursor: pointer; }
.ajaxSubmit { padding: 20px; background: #55ea55; border: 1px solid #999; display: none; }

.formError .formErrorContent { background: #202020; position:relative; z-index:5001; color: #fff; width: 160px; font-size: 11px; border: 1px solid #000; padding: 4px 10px 4px 10px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
.greenPopup .formErrorContent { background: #33be40; }
.blackPopup .formErrorContent { background: #393939; color: #FFF; }
.formError .formErrorArrow { width: 15px; margin: -2px 0 0 13px;  position:relative; z-index: 5006; }
.formError .formErrorArrowBottom { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; margin: 0px 0 0 12px; top:2px; }
.formError .formErrorArrow div { font-size: 0px; height: 1px; background: #202020; margin: 0 auto; line-height: 0; font-size: 0; display: block; }
.formError .formErrorArrowBottom div {  box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }

.greenPopup .formErrorArrow div { background: #33be40; }
.blackPopup .formErrorArrow div { background: #393939; color: #FFF; }

.formError .formErrorArrow .line10 { width: 15px; border: none; }
.formError .formErrorArrow .line9 { width: 13px; border: none; }
.formError .formErrorArrow .line8 { width: 11px; }
.formError .formErrorArrow .line7 { width: 9px; }
.formError .formErrorArrow .line6 { width: 7px; }
.formError .formErrorArrow .line5 { width: 5px; }
.formError .formErrorArrow .line4 { width: 3px; }
.formError .formErrorArrow .line3 { width: 1px; border-left: 2px solid #ddd; border-right: 2px solid #ddd; border-bottom: 0 solid #ddd; }
.formError .formErrorArrow .line2 { width: 3px; border: none; background: #ddd; }
.formError .formErrorArrow .line1 { width: 1px; border: none; background: #ddd; }



@media (min-width:320px) {
#inputEmail2{width:290px !important;}
.submit_footer{margin-left:0px;}
.llamada_accion2{font-size:2.6em;margin-top: 50px;}
.telefono_contacto,.email_contacto{font-size:1.2em;}
#footer{text-align:left;}


}



@media (min-width:348px) {
.submit_footer{width:150px;font-size:1.6em;margin-left:0px;}
#inputEmail2{width:350px !important;}
.llamada_accion2{font-size:3.2em;margin-top: 50px;}
.telefono_contacto,.email_contacto{font-size:1.2em;}

}







@media (min-width:384px) {
#inputEmail2{width:350px;}
.submit_footer{margin-left:0px;}
.telefono_contacto,.email_contacto{font-size:1.5em;}
}

@media (min-width:568px) {
.submit_footer{margin-left:20px !important;}
}


@media (min-width:600px) {
.submit_footer{width:150px;font-size:1.6em;}
#inputEmail2{width:390px !important;}
.llamada_accion2{font-size:3.2em;margin-top: 50px;}
ul#menu_footer li{font-size:1em;}
}

@media (min-width: 768px) {
.submit_footer{width:220px !important;}
#inputEmail2{width:470px !important;}
}

@media (min-width: 1200px) {
.llamada_accion1 h1{font-size:2.52em !important;}
ul.ventajas{margin-bottom: 39px;}
ul.ventajas li:first-child{padding-top:33px;margin-top:15px;}

.label_formulario{margin-top:15px;}

#inputEmail1{height:63px;}
#inputEmail2{height:72px;}

.submit_top {font-size:1.9em;width:170px;}

.submit_footer
{
	height:72px;
	width:270px;
	margin-top:0px;
}

.llamada_accion2{margin-top: 96px;}

ul#menu_footer li{font-size:1.15em;}

}