* {margin:0; padding:0;}
@import url(http://fonts.googleapis.com/css?family=Rosario:400,700,400italic,700italic);
body { font-family: 'Rosario', Arial, Helvetica, sans-serif; background:#212121; max-width:960px; position:relative; margin: 0px auto 0px auto;}
div {;}


h1 { font-family:'Rosario'; font-weight:700; font-size:40px;}
h2 { font-family:'Rosario'; font-weight:700; font-size:30px;}
h3 { font-family:'Rosario'; font-weight:700; font-size:22px;}
p { font-family:'Rosario'; font-weight:400; font-size:14px;}
p em {font-family:'Rosario'; font-weight:700; font-style:normal; font-size:15px;}


header {height:auto; width:100%; margin-bottom: 8px; padding-bottom:10px;}

/**header nav { float:right; margin:60px 0 0 0;}
header nav ul li{ float: left; list-style-type:none; background:none;}
header nav ul li a {font-size:13px; text-decoration:none; margin:7px; padding:5px; background:#7EB61F; color:#FFF; border-radius:1px;}**/

header #logo { width: 10%; height: auto; margin: 15px 0px 5px 5px; float:left;}
#resumen  {color:#FFFFFF; font-size:13px; font-weight:400; float:left; width:40%; height: auto; margin: 35px 27% 0px 20px;}




/** MENU Y LOGIN**/
a.to_nav, a.to_login { float: left; width:7%; margin: 20px 0 5px 5px;}
#btn-menu {float: left; margin: 20px 5px 5px 5px; width:100%;}
#btn-login { float: left; margin: 20px 0 5px 5px; width:100%;} 
a.to_nav:hover, a.to_nav:focus { color: #353535;}
#login_top { display:none;} 

#login li a { display: block; float:left; width:45%; font-size:15px; text-decoration:none; margin:1px; padding: 5px 10px 5px 10px; background-color:rgba(250,90,17,1.00); color:#FFF; font-family:'Rosario'; font-weight:400; text-align:center;}

#menu, { float:left; width:100%; margin-top:25px;}
#menu ul, #login ul { list-style: none; background: none; padding: 5px 0; margin-top:5px; margin-left:12px;}
#menu li, #login li { list-style-type:none; background:none; padding:0px; margin:auto;}
#menu li a { display: block; float:left; width:45%; font-size:15px; text-decoration:none; margin:1px; padding: 5px 10px 5px 10px; background:#7EB61F; color:#FFF; font-family:'Rosario'; font-weight:400;  text-align:center;}
#menu li:last-child a, #login li:last-child a {border-bottom: none;}
#menu li a:hover, #menu li a:focus, #login li a:hover, #login li a:focus { color: #FFF; background: #353535;}
/** FIN MENU **/





section { width:100%; height:auto; float:left; border-top-style:solid; border-width:1px; border-top-color:#7EB61F;}

.ancho100 { width:98%; height:auto; float:left; margin: 15px 0 -15px 0;   padding: 10px 1% 10px 1%;}


/** SLIDER**/
.rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0 auto 40px; height: 300px}
.rslides li { -webkit-backface-visibility: hidden; position: absolute;display: none; width: 100%; left: 0; top: 0;}
.rslides li:first-child { position: relative; display: block; float: left;}
.rslides img { display: block; height: auto; float: left; width: 100%; border: 0;}

.rslides_container { margin-bottom: 20px; position: relative; float: left; width: 100%;}
.centered-btns_nav { z-index: 3; position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 50%; left: 0; opacity: 0.7; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 61px; width: 38px; background: transparent url("img/slider_btn.gif") no-repeat left top; margin-top: -45px;}
.centered-btns_nav:active { opacity: 1.0;}
.centered-btns_nav.next { left: auto; background-position: right top; right: 0;}
.centered-btns_nav:focus { outline: none;}

.centered-btns_tabs { margin-top: -25px; text-align: center;}
.centered-btns_tabs li { display: inline; float: none; _float: left; *float: left; margin-right: 5px;}
.centered-btns_tabs a { text-indent: -9999px; overflow: hidden -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; background: #ccc; background: rgba(0,0,0, .2); display: inline-block; _display: block; *display: block; -webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3); -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3); box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3); width: 9px; height: 9px;}
.centered-btns_here a { background: #222; background: rgba(0,0,0, .8);}
/**FIN SLIDER **/



.ancho3col2 { margin-top:5px !important;}

.ancho3col, .ancho1col, .ancho3col2 { width:30%; height:auto; background-color:#FA5A11; float:left; margin: 15px 0 0px 1%; padding: 10px 1% 10px 1%;}
.ancho2col { width:65%; height:auto; background-image:url(img/tipos_metal.jpg);float:left; margin: 5px 0 10px 1%; padding-top:35px;}
#bla {width:100%; height:80px;}
#bla2 {  width:100%; height:150px; text-align:center; color:rgba(255,255,255,1.00);}
.ancho3col2 #bla { color:rgba(255,255,255,1.00); text-align:center; margin-top:15px; height:150px; text-shadow: 0 -1px 1px #222;}
.ancho3col2 img { width:30%; margin-top:10px;} 
.ancho1col { position:relative; color:rgba(255,255,255,1.00); background-color:#7EB61F;} 
.ancho1col img { width:47%; position:absolute; margin-top:5px;}
.ancho1col h3 { float:right; width:98%; margin-left:50%; text-align:right; margin-top:13px;}

.ancho3a1 { width:83%; height:auto; background-color:#FA5A11; float:left; margin: 15px 5% 20px 5%; padding: 10px 1% 10px 1%; padding-right:20px; padding-left:30px;}
.ancho3a1 #bla{ color:rgba(255,255,255,1.00); text-align:left; margin-top:15px; text-shadow: 0 -1px 1px #222;}
.ancho3a1 #usersbicon { width:20%; margin-top:10px; float:left; margin-right:20px;} 
#usuarios_varios { display:none;}

footer { width:100%; height:auto; float:left; border-top-style:solid; border-width:1px; border-top-color:#7EB61F; height:45px; color:rgba(255,255,255,1.00); margin-top:10px;}
footer p { font-size:11px; text-align:center;}


/**LOGIN FORM**/
.ancho3a4 { float:left; position:relative; width:90%; margin: 15px 5% 15px 5%;}
.form{background:#f1f1f1; width:95%; margin:0 auto; padding-left:20px; padding-top:20px;}
.form fieldset{border:0px; padding:0px; margin:0px;}
.form p.contact { font-family:'Rosario'; font-weight:400; font-size:12px; margin:0px 0px 10px 0;line-height: 14px; }
.form input[type="text"] { width: 250px; }
.form input[type="email"] { width: 250px; }
.forminput[type="password"] { width: 200px; }
.form input.birthday{width:35px;}
.form input.birthyear{width:60px;}
.form label { color: #000;font-family:'Rosario'; font-weight:700; font-size:12px;}
.form label.month {width: 135px;}
.form input, textarea { background-color: rgba(255, 255, 255, 0.4); border: 1px solid rgba(122, 192, 0, 0.15); padding: 7px; font-family: Keffeesatz, Arial; color: #4b4b4b; font-size: 14px; margin-bottom: 15px; margin-top: -10px; }

.form input:focus, textarea:focus { border: 1px solid ##FA5A11; background-color: rgba(255, 255, 255, 1);}
.form .select-style { -webkit-appearance: button;-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);-webkit-padding-end: 20px; -webkit-padding-start: 2px;-webkit-user-select: none;background-image: url(images/select-arrow.png),  -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);background-position: center right;background-repeat: no-repeat;border: 0px solid #FFF;color: #555;font-size: inherit;margin: 0;overflow: hidden; padding-top: 5px; padding-bottom: 5px;text-overflow: ellipsis; white-space: nowrap; margin-bottom:-8px;}
.form .gender { width:150px;}
.form input.buttom{ background: #7EB61F; display: inline-block; padding: 5px 10px 6px; color: #fbf7f7; text-decoration: none; font-weight: bold; line-height: 1; -moz-box-shadow: 0 1px 3px #999; -webkit-box-shadow: 0 1px 3px #999; box-shadow: 0 1px 3px #999; border: none; position: relative; cursor: pointer;font-family:'Rosario'; font-weight:700; font-size:14px;}
.form input.buttom:hover    { background-color: #FA5A11; }
/** FIN LOGIN FORM**/



@media only screen and (min-width: 768px) {
 /**MENU**/
    a.to_nav { display: none;}
	a.to_login { float:right; width:25%}
	#login { display:none;}
	#btn-login { float: right; margin: 22px 15px 5px 0; width:40px;} 

#login_top { position: absolute; top: 20px; right: 10px; background: none; display:block;}
#login_top ul { list-style: none; background: none; padding: 5px 0; margin-top:5px; margin-left:12px;}
#login_top li { list-style-type:none; background:none; padding:0px; margin:auto; float:left; margin-right:7px;}
#login_top li a { display: block; float:left; width:100%; font-size:10px; text-decoration:none; margin:1px; padding: 2px; background-color:rgba(250,90,17,1.00); color:#FFF; font-family:'Rosario'; font-weight:400; text-align:center;}
#menu { position: absolute; top: 45px; right: 2px; background: none;}
#menu ul{ background: none; display:block;}
#menu li { float: right; list-style-type:none; background:none; padding:5px;  margin-right:2px;}
#menu li a { float: right;display: block; font-size:13px; text-decoration:none; margin:2px; padding: 5px 5px 5px 5px; background:#7EB61F; color:#FFF; font-family:'Rosario'; font-weight:400; width:100%;}

#login_top li:last-child a {border-bottom: none;}
#login_top li a:hover, #login_top li a:focus { color: #FFF; background: #353535;}
	/**FIN MENU**/
	
.rslides {height: 400px}	

header {height:auto; width:100%; margin-bottom: 15px; padding-bottom:10px;}
#resumen  {width:30%; height: auto; margin: 35px 0px 0px 20px;}

#bla2 {  width:100%; height:220px; text-align:center; color:rgba(255,255,255,1.00);}
.ancho3col2 #bla {height:220px;}
.ancho3col2 img { width:50%; margin-top:20px;} 

.ancho1col img { width:50%; margin-top:0px;}
.ancho1col h3 { width:75%;}


.ancho3a4 { float:left; position:relative; width:65%; margin: 15px 0 15px 0;}
.ancho3a1 { width:30%; height:461px; background-color:#FA5A11; float:left; margin: 15px 0 0px 1%; padding: 10px 1% 10px 1%;}
.ancho3a1 #bla{ text-align:center; margin-top:10px; height:150px; text-shadow: 0 -1px 1px #222; width:100%;}
.ancho3a1 #usersbicon { width:50%; float:left; margin: 5px 25% 10px 25%;} 
#usuarios_varios { display:block; margin-top:35px;}
#usuarios_varios img { width:29%; margin-top:3px; float:left; margin: 3px 2% 0 2%;}


	}
@media only screen and (min-width: 480px) and (max-width: 580px){
	h1 { font-family:'Rosario'; font-weight:700; font-size:40px;}
h2 { font-family:'Rosario'; font-weight:700; font-size:27px;}
h3 { font-family:'Rosario'; font-weight:700; font-size:20px;}
p { font-family:'Rosario'; font-weight:400; font-size:10px;}
	
}
@media only screen and (max-width: 480px) {
h1 { font-family:'Rosario'; font-weight:700; font-size:40px;}
h2 { font-family:'Rosario'; font-weight:700; font-size:30px;}
h3 { font-family:'Rosario'; font-weight:700; font-size:26px;}
p { font-family:'Rosario'; font-weight:400; font-size:18px;}

#bla2 p {display:none;}
#usuarios_varios { display:none;}
/**
a.to_nav, a.to_login { float: right; width:7%; margin: 20px 10px 5px 5px;}
#btn-menu { float:left; width:100%; margin: 20px 5px 5px 5px;}
#btn-login { float: left; margin: 20px 0 5px 5px;} **/
a.to_nav, a.to_login { float: left; width:7%; margin: 20px 1px 5px 5px;}
#btn-menu {float: left; margin: 20px 5px 5px 5px; width:100%;}
#btn-login { float: left; margin: 20px 0 5px 5px; width:100%;} 
#login { margin-left:1%;}
#login_top { display:none;}

#menu li a { width:94%;}
#login li a { width:42%; padding: 5px 9px 5px 9px;}

	header #logo { width: 15%; height: auto; margin: 15px 63% 5px 5px; float:left;}
	
  #resumen { display:none;}

  .rslides {height: 200px}	
  .ancho3col { margin: 5px 0 5px 1%; width:46.5%;}
  
.ancho1col { width:96%; margin:1%; }
.ancho2col { width:96%; margin:1%; }
.ancho3col2 { display:none;}
.ancho1col img { width:38%; margin-left:30px; margin-top:0px;}
.ancho1col h3 { width:60%; margin-right:30px;}

.ancho3a1 { width:83%; height:150px; background-color:#FA5A11; float:left; margin: 15px 5% 20px 5%; padding: 10px 1% 10px 1%; padding-right:20px; padding-left:30px;}
.ancho3a1 #bla{ color:rgba(255,255,255,1.00); text-align:left; margin-top:15px; height:150px; text-shadow: 0 -1px 1px #222;}
.ancho3a1 #usersbicon { width:35%; margin-top:30px; float:left; margin-right:20px; margin-bottom:35px;} 

}