/*
     * Created by PhpStorm.
     * Stylesheet: MyStyles.
     * Developer: Pablo Eliseo Reynoso Aguirre
     * Date: 17/02/2013
     * Time: 011:22 AM
*/


/* STEINEM FONT*/

@font-face {

	font-family: "Steinem Roman";
	src: url("fonts/Steinem/STEINEM_.eot");
	src: local("Steinem Roman"), local("Steinem"), url("fonts/Steinem/STEINEM_.woff") format("woff"), url("fonts/Steinem/STEINEM_.ttf") format("truetype"), url("fonts/Steinem/STEINEM_.svg#Steinem") format("svg"); 
}
@font-face {

	font-family: "Steinem RomanItalic";
	src: url("fonts/Steinem/STEINEMI.eot");
	src: local("Steinem RomanItalic"), local("Steinem-Italic"), url("fonts/Steinem/STEINEMI.woff") format("woff"), url("fonts/Steinem/STEINEMI.ttf") format("truetype"), url("fonts/Steinem/STEINEMI.svg#Steinem-Italic") format("svg"); 
}
@font-face {

	font-family: "Steinem Bold";
	src: url("fonts/Steinem/STEINEMB.eot");
	src: local("Steinem Bold"), local("Steinem-Bold"), url("fonts/Steinem/STEINEMB.woff") format("woff"), url("fonts/Steinem/STEINEMB.ttf") format("truetype"), url("fonts/Steinem/STEINEMB.svg#Steinem-Bold") format("svg"); 
}
@font-face {

	font-family: "Steinem BoldItalic";
	src: url("fonts/Steinem/STEINBI_.eot");
	src: local("Steinem BoldItalic"), local("Steinem-BoldItalic"), url("fonts/Steinem/STEINBI_.woff") format("woff"), url("fonts/Steinem/STEINBI_.ttf") format("truetype"), url("fonts/Steinem/STEINBI_.svg#Steinem-BoldItalic") format("svg");
}


/* GOTHAM FONT*/

@font-face {

	font-family: "Gotham Bold";
	src: url("fonts/Gotham/GOTHAM-BOLD_0.OTF") format("opentype"), url("fonts/Gotham/GOTHAM-BOLD.TTF") format("truetype"); 
	font-weight:normal;
    font-style:normal;
}

@font-face {

	font-family: "Gotham BoldItalic";
	src: url("fonts/Gotham/GOTHAM-BOLDITALIC.TTF") format("truetype"); 
	font-weight:normal;
    font-style:normal;
}

@font-face {

	font-family: "Gotham Medium";
	src: url("fonts/Gotham/GOTHAM-MEDIUM.TTF") format("truetype"); 
	font-weight:normal;
    font-style:normal;
}

@font-face {

	font-family: "Gotham MediumItalic";
	src: url("fonts/Gotham/GOTHAM-MEDIUMITALIC.TTF") format("truetype"); 
	font-weight:normal;
    font-style:normal;
}

@font-face {

	font-family: "Gotham Light";
	src: url("fonts/Gotham/GOTHAM-LIGHT_0.OTF") format("opentype"), url("fonts/Gotham/GOTHAM-LIGHT.TTF") format("truetype"); 
}

@font-face {

	font-family: "Gotham LightItalic";
	src: url("fonts/Gotham/GOTHAM-LIGHTITALIC.TTF") format("truetype"); 
	font-weight:normal;
    font-style:normal;
}

img{
	/*border: 1px solid #000;*/

}

body {

    /*background-image:url('img/p3.png');
    background-repeat:repeat;*/
    background: #FCFAEA;
}



h5,h6,h7{

	font-family: "Gotham Light";
	color: #453c37;
}

h1,h2,h3,h4 {

    font-family: "Gotham Light";
    color: #453c37;
    font-style : normal;
    margin: 1% 4% 1% 1%;
}

.puntos{
	font-family: Helvetica;

}

ul{
    font-family: Palatino;
    font-size : 15px;
	color: #5C5C5C;
}

li{

}


a{
	color: #5CB85C;
}

a:focus, a:hover{
	color: #66FF99;
	text-decoration: none;
	/*text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;*/
}

span,p{

    font-family: "Gotham Light";
    text-align : justify;
	color: #5C5C5C;
}

table {

    font-family: "Gotham Light";
    font-size : 15px;
	color: #5C5C5C;
}

th {

	text-align: center;
}

textarea {

    resize: none;
}

.blanco_font{
	color: white;

}




.ia_logo{

	max-width: 100%;
	height: auto;
	display: block;
	
	margin: 5px 0px 5px 15px;
	padding: 5px 5px 5px 5px 5px;

}

.ia_kids{

	max-width: 100%;
	height: auto;
	display: block;
	
	margin: -181px 0px 5px 345px;
	padding: 5px 5px 5px 5px 5px;


}

.ia_menu{

	max-width: 100%;
	height: auto;
	display: block;
	
	margin: 0px 0px 5px 335px;
	padding: 5px 5px 5px 5px 5px;


}

.banner_main{

	max-width: 100%;
	height: auto;
	display: block;
	
	
	margin: -10px -129px 0px 0px;
	padding: 5px 5px 5px 5px 5px;

}

.banner_whats{

	max-width: 100%;
	height: auto;
	display: block;

	margin: -50px 10px 0px -2px;
	padding: 5px 5px 5px 5px 5px;


}

.banner_fiestas{

	max-width: 100%;
	height: auto;
	display: block;
	
	margin: -337px 0px 10px 250px;
	padding: 5px 5px 5px 5px 5px;


}

.banner_fb{

	max-width: 100%;
	height: auto;
	display: block;
	
	margin: -347.3px 0px 10px 470px;
	padding: 5px 5px 5px 5px 5px;


}

.banner_cotiz{

	max-width: 100%;
	height: auto;
	display: block;
	
	margin: -2px 0px 10px 470px;
	padding: 5px 5px 5px 5px 5px;

}

.ia_footer{
	
	max-width: 100%;
	height: auto;
	display: block;
	
	margin: -40px -25px 10px 23px;
	padding: 5px 5px 5px 5px 5px;

}

.fb_footer{

	max-width: 100%;
	height: auto;
	display: block;
	
	margin: -50px 0px 10px 710px;
	padding: 5px 5px 5px 5px 5px;
	

}

.tw_footer{

	max-width: 100%;
	height: auto;
	display: block;
	
	margin: -50px 0px 10px 755px;
	padding: 5px 5px 5px 5px 5px;
	

}

.credits_ssm{

	margin: -48px 320px 10px 0px;
	padding: 5px 5px 5px 5px 5px;

}





.ia_inputs{

	border: 1px solid #000000;
	width: 50%;
	font-family: "Gotham Light";
}

.ia_submit_button{
	color: #FFFFFF; 
	background-color: #0066ff;
	border: #0066ff;
	font-family: "Gotham Light";
}


.ia_contact_section{

	max-width: 100%;
	height: auto;
	display: block;
	
	margin: -35px 0px 0px 200px;
	padding: 5px 5px 5px 5px 5px;


}

.ia_inputs_section{
	max-width: 100%;
	height: auto;
	display: block;

	margin: 30px -750px 30px 390px;
	padding: 5px 5px 5px 5px 5px;


}

.ia_button_section{
	max-width: 100%;
	height: auto;
	display: block;
	
	margin: -25px 800px 400px 685px;
	padding: 5px 5px 5px 5px 5px;

}

.ia_color{
color: white; 

}

.ia_aclaracion{
	max-width: 100%;
	height: auto;
	display: block;
	text-align: center;

	margin: -695px 415px 0px -20px;
	padding: 5px 5px 5px 5px 5px;
   
}

.h_division{

	max-width: 100%;
	height: auto;
	display: block;
	text-align:center;

	margin: 0px 410px 250px -28px;
	padding: 5px 5px 5px 5px 5px;

}


.ia_horario_title_section{
	max-width: 100%;
	height: auto;
	display: block;
	text-align:left;

	margin: -240px 510px 500px -20px;
	padding: 5px 5px 5px 5px 5px;

}

.v_division{

	max-width: 100%;
	height: auto;
	display: block;
	text-align:center;

	margin: -565px 375px 400px -30px;
	padding: 5px 5px 5px 5px 5px;

}


.ia_horarios_section{
	max-width: 100%;
	height: auto;
	display: block;
	text-align:left;
	line-height: 50%;

	margin: -480px 210px 400px 180px;
	padding: 5px 5px 5px 5px 5px;

}


.ia_canvas_section{
	max-width: 100%;
	height: auto;
	display: block;

	margin: -320px 600px 90px -30px;
	padding: 5px 5px 5px 5px 5px;
}

.ia_fb_banner_section{
	max-width: 100%;
	height: auto;
	display: block;

	margin: -388px 380px 90px 165px;
	padding: 5px 5px 5px 5px 5px;
}

.ia_mapa_section{

	max-width: 100%;
	height: auto;
	display: block;


	margin: -85px 200px 90px 360px;
	padding: 5px 5px 5px 5px 5px;


}

.ia_ubicanos_section{
	max-width: 100%;
	height: auto;
	display: block;


	margin: -380px 200px 100px 500px;
	padding: 5px 5px 5px 5px 5px;


}






.ia_conocenos_section{
	max-width: 100%;
	height: auto;	
    display: block;

	margin: -30px 0px 400px 250px;
	padding: 5px 5px 5px 5px 5px;

}

.ia_mision_section{
	max-width: 100%;
	height: auto;	
	display: block;

	margin: -340px 0px 30px 0px;
	padding: 5px 5px 5px 5px 5px;

}

.ia_texto_mision_section{
	max-width: 100%;
	height: auto;
	display: block;


	margin: 0px 300px 0px -20px;
	padding: 5px 5px 5px 5px 5px;

}


.ia_arty_logo_section{
	max-width: 100%;
	height: auto;	
	display: block;
	
	margin: -250px 0px 0px 410px;
	padding: 5px 5px 5px 5px 5px;

}


.ia_valores_section{
	max-width: 100%;
	height: auto;	
	display: block;

	margin: -350px 0px 0px 25px;
	padding: 5px 5px 5px 5px 5px;

}

.ia_texto_valores_section{
	max-width: 100%;
	height: auto;
	text-align: center;	
	display: block;

	margin: 25px 610px 200px 80px;
	padding: 5px 5px 5px 5px 5px;

}


.ia_inflables_section_btn{

	max-width: 100%;
	height: auto;
	display: block;

	margin: -35px 0px 0px 220px;
	padding: 5px 5px 5px 5px 5px;

}


.ia_inflables_desc_section{

	max-width: 100%;
	height: auto;
	display: block;

	margin: 35px 0px 0px 80px;
	padding: 5px 5px 5px 5px 5px;

}

.ia_inflables_linea_section{

	max-width: 100%;
	height: auto;
	display: block;

	margin: 25px 0px 0px 0px;
	padding: 5px 5px 5px 5px 5px;

}

.ia_catalogo_title_section{

	max-width: 100%;
	height: auto;
	display: block;

	margin: 15px 0px 0px 25px;
	padding: 5px 5px 5px 5px 5px;


}

.ia_slider_section{

	max-width: 100%;
	height: auto;
	display: block;

	margin: 25px 150px 0px -35px;
	padding: 5px 5px 5px 5px 5px;


}

.ia_videos_title_section{

	max-width: 100%;
	height: auto;
	display: block;

	margin: -737px 0px 630px 440px;
	padding: 5px 5px 5px 5px 5px;


}


.ia_video_1_section{

	max-width: 100%;
	height: auto;
	display: block;

	margin: -606px 0px 320px 370px;
	padding: 5px 5px 5px 5px 5px;


}

.ia_video_2_section{

	max-width: 100%;
	height: auto;
	display: block;

	margin: -305px 0px 70px 370px;
	padding: 5px 5px 5px 5px 5px;


}

















.footCat{

	display: inline;
}


.imgCategory{
		margin-bottom: -6%;
}

.titleCategory{
		margin-left: 13%;
		
}

.menuReturn{
	margin-left: 70%;
	margin-top: -5%;

}

a .ssm {
	color: #660066;
}

/*
.customSelect{
	background: url('img/ico.png') no-repeat right #ddd;
	background-color: white;
	  
	  
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}
*/
.focus{
	
	border-radius: 8px;
	padding: 5px 5px 5px 5px;
	border: 1px dotted gray;
	color: red;
	font-weight: bold;
	
}

.myBar{
	color: white;
	text-decoration: none;
}

.userName{
	color: #5CB85C;
	text-decoration: none;
}

.centerText{
	text-align: center;
}

.menuTitle{
	color: #85c2bc;

}

.menuSeparator{
	
}

.miTabla {

	text-align: center;
}

.myLogo{
	
	padding: 7px 7px 7px 7px;
}

.myProducto{
	
	padding: 10px 10px 10px 10px;

}
.slides {
	
	background-image:url('img/drawn-frame-bigx.png');
	height: 217px; 
	width: 375px;
	margin: -210px 0px -60px 360px;
}

.bienvenida {
	padding: 20px 380px 10px 10px;
}

.recuperacion {
	padding: 0% 15% 0% 20%;
}

.parrafo {

    font-family: Palatino;
    text-align : justify;
	color: #5C5C5C;
	
}

.poster {

    margin: 1% 4em 5% 5em;
}

.required {

    font-family: Helvetica;
    font-size : 15px;
    color : red;
}


.antibot {

    padding: 0px 10px;
    border: 1px solid gray;
	max-width: 100; 
	max-height: 80;
}

.news {

    margin: 0% 8em 4% 1em;
}

.central {

    margin: 7% 7% 7% 7%;
}

.normal {

    border: 1px solid #000;
    width: 90%;
    border-spacing: 0;
    border-collapse: collapse; /*separate */
    caption-side: bottom; /* top */
}

.normal td {

    border: 1px solid #000;
}

.normal th {

    background-color: #9C9D9E;
    color: black;
    border: 1px solid #000;
}

.box {

    background: white;
    max-width: 850px;
    margin: 0 auto;
	border-radius: 20px;
	border: solid 1px;
    border-color : #D4CEC0;
}    


.sombras {

    position:relative;
    box-shadow:0 0px 4px #777, 0 0 20px #CCC inset;
}

.sombras:before, .sombras:after {

    content:"";
    position:absolute;
    z-index:-1;
    box-shadow:0 0 20px #777;
    top:0;
    bottom:0;
    left:10px;
    right:10px;
    border-radius:100px / 10px;
}
  
.bajorrelieve {

    color: #ffffff;
    text-shadow: 0px 9px 9px #333333;
    font-family: "arial";
    font-size: 2.8em;
    text-align: center;
}


.bajorrelieve2 {

    /*color: #gray;
    font-size: 14px;
    text-shadow: 2px 10px 15px #333333;*/
	font-family: "Gotham Light";
    
}

.complement {
                   
    background-color: white;
    max-width: 990px;
    margin: 0 auto;
    /*border: solid 1px;
    border-color : #D4CEC0;*/
    border-radius:3px;
    visibility: visible;
}


/* Footer */

.myFooter {

    /* width: 880px; */
    height: 40px;
    margin: 0 auto;
    padding: 0 0px;

}

.myFooter p {

    margin: 0;
    padding: 0 0 0 0;
    text-align: center;
    font-size: 14px;
}

.myFooter a {

    color: #5CB85C;
}


.logoBorder {

    background-image:url('../img/uson.png');
  	width: 70px;
  	height: 70px;
}

.logoBorder:hover {

  	top: -2px;
  	border-color: #FFF0E0;
  	border-style: solid;
  	border-width: 1px;
  	border-radius: 35px;
}

.mySection{

	padding: 0% 2% 0% 2%;
	/*border: 1px solid #000;*/
	max-width : 100%;
	max-height: 50%;
}

.myProduct{
	
	height: 20%/*180px*/;
	width: 50%/*348px*/;
    /*border: 1px solid #000;*/
	padding: 1% 1% 0% 1%;
	text-align : justify;
}

.addToCartButton{

	margin-left: 670px;
	margin-top: 30px;
}

.prodCost {
	
	/*position: relative;
	left:  400px;
	top: 40px;*/
	margin-left: 400px;
	margin-top: 30px;
	width : 47%;
}

.prodImg {
	
	/*position: relative;
	left: 60px;
	top: 0px;*/
	border-color: gray;
  	border-style: solid;
  	border-width: 1px;
    padding: 4% 6% 4% 8%;
	margin-left: 60px;
	margin-top: -30px;
	height : 30%;
	width: 38%;
}


.proTabs {
	
	/*margin: 0% 8em 4% 1em;
	position: relative;
	left:  60px;
	top: 10px;*/
	width : 38%;
	margin-top: 10px;
	margin-left: 60px;
}

.tabInfo {

	/*position: relative;
	left:  400px;
	bottom: 245px;*/
	border-color: gray;
  	border-style: dotted;
  	border-width: 1px;
	padding: 0% 3% 3% 3%;
	margin-left: 400px;
	margin-top: -265px;
	width : 47%;
	height: 28%;	
	
}

.myStar{
	
	height: 20px;
	width: 20px;
}


.myGrade {

	/*border-color: gray;
  	border-style: dotted;
  	border-width: 1px;*/
	text-align: center;
	margin: -1% 5% 33% 3%;
	width: 80px;
}

.myInfo{
	
	/*border-color: gray;
  	border-style: dotted;
  	border-width: 1px;*/
	text-align : justify;
	padding: 1% 3% 3% 1%;
  	margin: -1% 5% 53% 3%;
	height: 60px;
	width: 308px;
}

.myComment {
	
	border-color: gray;
  	border-style: dotted;
  	border-width: 2px;
  	border-radius: 18px 0;
	height: 110px;
	width: 220px;
	padding: 1% 3% 3% 2%;
	margin: -67% 15% 3% 30%;	
}



.myAvatar {

	border-color: gray;
  	border-style: dotted;
  	border-width: 2px;
  	border-radius: 40px;
	margin: 3% 3% 3% 3%;
	height: 80px;
	width: 80px;
}

.myReview{
	
	border-color: gray;
  	border-style: dotted;
  	border-width: 1px;
	padding: 3% 3% 3% 3%;
  	max-height: 220px;
	max-width: 350px;

}

.ng-invalid.ng-dirty{

	border-color: #FA787E;
}

.ng-valid-ng-dirty{
	
	border-color: #78FA89;
}

.socialButtons {
  
  	margin: 0.5em 0.5em;
  	float: right;
  	clear: both;
  	background: transparent;
}

.socialButtons i {
  
  	color: white;
  	padding: 1em;
  	position: relative;
  	background: transparent;
  	cursor: pointer;
  	display: inline-block;
  	-moz-transition: all 0.15s ease;
  	-webkit-transition: all 0.15s ease;
  	transition: all 0.15s ease;
  	height: 40px;
  	width: 40px;
}

.socialButtons i:hover {
  
  	top: -2px;
  	border-color: #FFF0E0;
  	border-style: solid;
  	border-width: 2px;
}

.socialButtons i:first-child {
	
	/*border-left: none;*/
	border-radius: 8px 0 0 8px;
}

.socialButtons i.icon-facebook  {
  	
  	/*border-left: none;*/ 
  	background: #3b5998;
}

.socialButtons i.icon-twitter {
 	
 	background: #00a0d1;
}

.socialButtons i.icon-googleplus {
  	
  	background: #db4a39;
}

.socialButtons i.icon-pinterest {
  	
  	background: #c8232c;
}

.socialButtons i:last-child {
	
	/*border-right: none;*/
	border-radius: 0 8px 8px 0;
}

.btn-file {

	position: relative;
	overflow: hidden;
}

.btn-file input[type=file] {

	position: absolute;
	top: 0;
	right: 0;
	min-width: 100%;
	min-height: 100%;
	font-size: 100px;
	text-align: right;
	filter: alpha(opacity=0);
	opacity: 0;
	outline: none;
	background: white;
	cursor: inherit;
	display: block;
}

/* Hand Stitched Social Media Icons
   Designed by: Joel Siddall
   Coded by: Kasper Mikiewicz */

.badge {

	/*border: 1px solid #afafaf;*/
	background-color:#ffffff;
	background-image:url('img/imgx.png');
	box-shadow: 1px 1px 1px rgba(255,255,255,0.5) inset, 1px 1px 2px rgba(0,0,0,0.2);
	border-radius: 50px;
	display: block;
	width: 37px;
	height: 37px;
	position: relative;
}

/* Thread */
.badge:after {

	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	border: 1px dashed #E4E4E4;
	border-radius: 50px;
	box-shadow: 0 1px 0 rgba(255,255,255,0.2);
	content: '';
	display: block;
	position: absolute;
	width: 31px;
	height: 31px;
	top:  3px;
	left: 3px;
}
/* Icon settings */
.badge:before {

	content: '';
	display: block;
	width: 24px;
	height: 33px;
	background-repeat: no-repeat;
	background-position: center center
}

/* Bacground/border/hover colors */
.badge.twitter {

	background-color:#009ab4;
	border-color: #007e92;
}

.badge.twitter:hover {

	background-color: #00b4d2;
}

.badge.facebook{

	background-color:#4466ae;
	border-color: #2e4989;	
}
.badge.facebook:hover {

	background-color: #517ad0;
}

.badge.googleplus{

	background-color:#ac2b0b;
	border-color: #9f280b;
}

.badge.googleplus:hover {

	background-color: #cc4200;
}

/*  Icons */
.badge.googleplus:before{

	 background-image: url('img/indexg.png');
}
.badge.facebook:before{

	 background-image: url('img/indexf.png');
}
.badge.twitter:before{ 

	background-image: url('img/indext.png');
}

/* Just for presentation */
.badge {

	float: left;
	margin-right: 10px;
}