@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		20;
	dw-num-cols-tablet:		20;
	dw-num-cols-desktop:	20;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobile Layout: 679px and below. */

.gridContainer {
	width: 99%;
	max-width: 679px;
	padding-left: 0.5%;
	padding-right: 0.5%;
	margin: auto;
}
.back {
	background-color:#e5e5e5;
	background-image:url(../neumatico-antipinchazo/patt1.jpg);
}
.mainmenu{
	display:inline;
	font-family:Helvetica, Arial, sans-serif;
	font-size: 4.8vw;
	text-align:center;
}
.mainmenu li {
    float: left;
	width: 25%;
}
.mainmenu a {
	display: block;
    background-color: #272525;
	text-decoration:none;
	color:#FFFFFF;
	padding-top:18.6%;
	padding-bottom:18.6%;
}
.mainmenu a:hover {
	display: block;
    background-color: #505050;
	color:#FFFFFF;
}
.tannus {
	position:relative;
	top:-4px;
	height:4.4VW;
}
.contain{
	background-color:#FFF;
	border-style:solid;
	border-color:#CCC;
	border-width:1px;
}
.contain2{
	background-color:#FFF;
	border-style:solid;
	border-color:#CCC;
	border-width:1px;
}.contain3{
	background-color:#FFF;
	border-style:solid;
	border-color:#CCC;
	border-width:1px;
}.contain4 {
	background-color:rgba(255,255,255,0.8);
	border-style:solid;
	border-color:#CCC;
	border-width:1px;
	width:100%;
}.context {
	font-family:Helvetica, Arial, sans-serif;
	color:#666666;
	text-align:justify;
	padding-top:1%;
	padding-bottom:1%;
	padding-left:2%;
	padding-right:2%;
}
#cualtannus {
	background-image:url(../neumatico-antipinchazo/cual-tannus-back.jpg);
	background-size:100%;
	background-repeat:no-repeat;
}
.h1 {font-size:3.8vw; font-family:Helvetica, Arial, sans-serif;}
.h2 {font-size:3.6vw; font-family:Helvetica, Arial, sans-serif;}
.h2 a {
	text-decoration:none;
	color:#666;
}
.h2 a:hover {
	text-decoration:underline;
	color:#666;
}
.h3 {font-size:2.8vw;}
.h4 {font-size:2.6vw;}
.h5 {font-size:1.0vw;}
.h6 {font-size:3.1vw;}
.h7 {font-size:3.6vw;}
.ftip1 {font-size:5.5vw;}
.ftip2 {font-size:2.8vw;}
.ftip3 {font-size:3.3vw;}
.ftip4 {font-size:5.5vw;}
.ftip5 {font-size:28px;}
.ftip6 {font-size:6.0vw;}
input[type=submit]{font-size:2.8vw;max-width:99%; min-width:99%;}
input[type=button]{font-size:2.8vw;max-width:99%; min-width:99%;}
textarea {font-size:2.8vw; max-width:97%; min-width:97%;}
.condat1 {max-width:98%; min-width:98%;}
.select {max-width:99%; min-width:99%;}
.conlignl {text-align:left;}
.conlignc {text-align:center;}
.conpadlp {padding-left:1%;}
.conpadtx {padding-top:3.0%;}
.conimg {
	max-height:64%;
	padding-top:0%;
	padding-bottom:0%;
	padding-left:2%;
	padding-right:2%;
	background-color:#FFF;
}
.contimg {
	display:block;
	padding-left:1%;
	padding-top:auto;
	padding-bottom:auto;
}
.convid {
	width: 98%;
	padding-top:2%;
	padding-bottom:2%;
}
.vidtab {
	width:98%
}
.vid {
	height:168px;
	width:228px;
}
.conlement {
	min-width:100%;
	min-height:100%;
	display:block;
}
.conlementA {
	max-width:98%;
}
.conlement1 {
	max-width:100%;
	border-radius:18vw;
	border-bottom-left-radius:0px;
}
.conlement1:hover {
	display: block;
    background-color: #272525;
	color:#FFFFFF;
}
.conlement2 {
	width:50%;
	display:block;
	float:left;
}
.conlement3 {
	width:18%;
	display:block;
	float:left;
}
.conlement4 {
	width:82%;
	display:block;
	float:left;
}
.conlement5 {
	width:38%;
	display:block;
	float:left;
}
.conlement6 {
	padding-left:2%;
	width:60%;
	display:block;
	float:left;
}
.conlement7 {
	width:100%;
	display:block;
	float:left;
}
.downstream {
	display:block;
	float:left;
	width:100%;
	height:100%;
	background-color:#FFF;
	border-style:solid;
	border-color:#CCC;
	border-width:1px;
	padding-top:2%;
	padding-bottom:2%;
}
.footercon {
	margin-left: auto;
	margin-right: auto;
	font-family:Helvetica, Arial, sans-serif;
	font-size:2.6vw;
	color:#666;
	text-align:center;
}
.footercon a {
	text-decoration:none;
	color:#666;
}
.footercon a:hover {
	text-decoration:underline;
	color:#666;
}
.containfeet{
	background-color:rgba(255,255,255,0.6);
	border-style:solid;
	border-color:#CCC;
	border-width:1px;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	margin-top:1.0101%;
	width: 100%;
	display: block;
}
#menu1 {
	clear: none;
	float: left;
	margin-left: 0%;
	width: 100%;
	display: block;
}
#menu2 {
	clear: none;
	float: left;
	margin-left: 0%;
	width: 100%;
	display: block;
}
#con1 {
	clear: none;
	float: left;
	margin-left: 0%;
	width: 100%;
	display: block;
}
#con2 {
	clear: none;
	float: left;
	margin-left: 0%;
	width: 100%;
	display: block;
}
#con3 {
	clear: none;
	float: left;
	margin-left: 0%;
	width: 100%;
	display: block;
}
#con4 {
	clear: none;
	float: left;
	margin-left: 0%;
	width: 100%;
	display: block;
}
#con5 {
	clear: none;
	float: left;
	margin-left: 0%;
	width: 100%;
	display: block;
}
#con6 {
	clear: none;
	float: left;
	margin-left: 0%;
	width: 100%;
	display: block;
}
#con7 {
	clear: none;
	float: left;
	margin-left: 0%;
	width: 100%;
	display: block;
}
#con8 {
	clear: none;
	float: left;
	margin-left: 0%;
	width: 100%;
	display: block;
}
#contact1 {
	clear: none;
	float: left;
	margin-left: 0%;
	width: 100%;
	display: block;
}
#contact2 {
	clear: none;
	float: left;
	margin-left: 0%;
	width: 100%;
	display: block;
}
#extra1 {
	clear: both;
	float: left;
	margin-left: 0%;
	width: 49.3939%;
	display: block;
}
#extra12 {
	clear: none;
	float: left;
	margin-left: 1.0101%;
	width: 49.3939%;
	display: block;
}
#extra2 {
	clear: both;
	float: left;
	margin-left:0%;
	width: 49.3939%;
	display: block;
}
#extra22 {
	clear: none;
	float: left;
	margin-left: 1.0101%;
	width: 49.3939%;
	display: block;
}
#footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#concol1 {
	clear: none;
	float: left;
	margin-left: 0%;
	width: 100%;
	display: block;
}
#concol2 {
	clear: none;
	float: left;
	margin-left: 0%;
	width: 100%;
	display: block;
}

/* Tablet Layout: 680px to 1025px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 680px) {
.gridContainer {
	width: 99%;
	max-width: 1025px;
	padding-left: 0.5%;
	padding-right: 0.5%;
	margin: auto;
}
.back {
	background-color:#e5e5e5;
	background-image:url(../neumatico-antipinchazo/patt1.jpg);
}
.mainmenu{
	display:inline;
	font-family:Helvetica, Arial, sans-serif;
	font-size: 4.6vw;
	text-align:center;
}
.mainmenu li {
    float: left;
	width: 25%;
}
.mainmenu a {
	display: block;
    background-color: #272525;
	text-decoration:none;
	color:#FFFFFF;
	padding-top:16.8%;
	padding-bottom:16.8%;
}
.mainmenu a:hover {
	display: block;
    background-color: #505050;
	color:#FFFFFF;
}
.tannus {
	position:relative;
	top:-4px;
	height:4.2VW;
}
.contain{
	background-color:#FFF;
	border-style:solid;
	border-color:#CCC;
	border-width:1px;
	height:100%;
	width:100%;
}.contain2{
	background-color:#FFF;
	border-style:solid;
	border-color:#CCC;
	border-width:1px;
	height:100%;
	width:100%;
	border-right:hidden;
}.contain3{
	background-color:#FFF;
	border-style:solid;
	border-color:#CCC;
	border-width:1px;
	height:100%;
	width:100%;
	border-left:hidden;
}.contain4 {
	background-color:rgba(255,255,255,0.8);
	border-style:solid;
	border-color:#CCC;
	border-width:1px;
	width:100%;
}.context {
	font-family:Helvetica, Arial, sans-serif;
	color:#666666;
	text-align:justify;
	padding-top:1%;
	padding-bottom:1%;
	padding-left:2%;
	padding-right:2%;
}
#cualtannus {
	background-image:url(../neumatico-antipinchazo/cual-tannus-back.jpg);
	background-size:100%;
	background-repeat:no-repeat;
}
.h1 {font-size:2.0vw;}
.h2 {font-size:1.8vw;}
.h2 a {
	text-decoration:none;
	color:#666;
}
.h2 a:hover {
	text-decoration:underline;
	color:#666;
}
.h3 {font-size:1.4vw;}
.h4 {font-size:1.2vw;}
.h5 {font-size:0.8vw;}
.h6 {font-size:1.8vw;}
.h7 {font-size:1.8vw;}
.ftip1 {font-size:0.4vw;}
.ftip2 {font-size:1.4vw;}
.ftip3 {font-size:1.6vw;}
.ftip4 {font-size:28px;}
.ftip5 {font-size:28px;}
.ftip6 {font-size:28px;}
input[type=submit]{font-size:1.2vw;max-width:99.6%; min-width:99.6%;}
input[type=button]{font-size:1.2vw;max-width:99.6%; min-width:99.6%;}
textarea {font-size:1.2vw; max-width:97%; min-width:97%;}
.condat1 {max-width:98%; min-width:98%;}
.select {max-width:99.6%; min-width:99.6%;}
.conlignc {text-align:center;}
.conlignl {text-align:left;}
.conpadlp {padding-left:1%;}
.conpadtx {padding-top:2px;}
.conimg {
	max-height:64%;
	padding-top:0%;
	padding-bottom:0%;
	padding-left:2%;
	padding-right:2%;
	background-color:#FFF;
}
.contimg {
	padding-left:1%;
	padding-top:auto;
	padding-bottom:auto;
}
.convid {
	width: 98%;
	padding-top:4%;
	padding-bottom:4%;
}
.vidtab {
	width:98%
}
.vid {
	height:168px;
	width:228px;
}
.conlement {
	width:100%;
}
.conlementA {
	max-width:98%;
}
.conlement1 {
	max-width:98%;
	border-radius:16px;
	border-bottom-left-radius:0px;
}
.conlement1:hover {
	display: block;
    background-color: #272525;
	color:#FFFFFF;
}
.conlement2 {
	width:50%;
	display:block;
	float:left;
}
.conlement3 {
	width:15%;
	display:block;
	float:left;
}
.conlement4 {
	width:85%;
	display:block;
	float:left;
}
.conlement5 {
	width:38%;
	display:block;
	float:left;
}
.conlement6 {
	padding-left:2%;
	width:60%;
	display:block;
	float:left;
}
.conlement7 {
	padding-top:2.5px;
	width:100%;
	display:block;
	float:left;
}
.downstream {
	display:block;
	float:left;
	width:100%;
	height:100%;
	background-color:#FFF;
	border-style:solid;
	border-color:#CCC;
	border-width:1px;
	padding-top:2%;
	padding-bottom:2%;
}
.footercon {
	margin-left: auto;
	margin-right: auto;
	font-family:Helvetica, Arial, sans-serif;
	font-size:1.6vw;
	color:#666;
	text-align:center;
}
.footercon a {
	text-decoration:none;
	color:#666;
}
.footercon a:hover {
	text-decoration:underline;
	color:#666;
}
.containfeet{
	background-color:rgba(255,255,255,0.6);
	border-style:solid;
	border-color:#CCC;
	border-width:1px;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 1.0101%;
	margin-top:1.0101%;
	width: 97.9797%;
	display: block;
}
#menu1 {
	clear: both;
	float: left;
	margin-left: 1.0101%;
	width: 97.9797%;
	display: block;
}
#con1 {
	clear: both;
	float: left;
	margin-left: 1.0101%;
	width: 48.4848%;
	display: block;
}
#con2 {
	clear: none;
	float: left;
	margin-left: 1.0101%;
	width: 48.4848%;
	display: block;
}
#con3 {
	clear: both;
	float: left;
	margin-left: 1.0101%;
	width: 48.4848%;
	display: block;
}
#con4 {
	clear: none;
	float: left;
	margin-left: 1.0101%;
	width: 48.4848%;
	display: block;
}
#con5 {
	clear: both;
	float: left;
	margin-left: 1.0101%;
	width: 48.4848%;
	display: block;
}
#con6 {
	clear: none;
	float: left;
	margin-left: 1.0101%;
	width: 48.4848%;
	display: block;
}
#con7 {
	clear: both;
	float: left;
	margin-left: 1.0101%;
	width: 48.4848%;
	display: block;
}
#con8 {
	clear: none;
	float: left;
	margin-left: 1.0101%;
	width: 48.4848%;
	display: block;
}
#contact1 {
	clear: both;
	float: left;
	margin-left: 1.0101%;
	width: 48.9898%;
	display: block;
}
#contact2 {
	clear: none;
	float: left;
	margin-left: 0%;
	width: 48.9898%;
	display: block;
}
#extra1 {
	clear: both;
	float: left;
	margin-left: 1.0101%;
	width: 23.7373%;
	display: block;
}
#extra12 {
	clear: none;
	float: left;
	margin-left: 1.0101%;
	width: 23.7373%;
	display: block;
}
#extra2 {
	clear: none;
	float: left;
	margin-left: 1.0101%;
	width: 23.7373%;
	display: block;
}
#extra22 {
	clear: none;
	float: left;
	margin-left: 1.0101%;
	width: 23.7373%;
	display: block;
}
#footer {
	clear: both;
	float: left;
	margin-left: 1.0101%;
	width: 97.9797%;
	display: block;
}
#concol1 {
	clear: both;
	float: left;
	margin-left: 1.0101%;
	width: 48.9898%;
	display: block;
}
#concol2 {
	clear: none;
	float: left;
	margin-left: 0%;
	width: 48.9898%;
	display: block;
}
}

/* Desktop Layout: 1026px to a max of 1926px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 1026px) {
.gridContainer {
	width: 99%;
	max-width: 1920px;
	padding-left: 0.5%;
	padding-right: 0.5%;
	margin: auto;
}
.back {
	background-color:#e5e5e5;
	background-image:url(../neumatico-antipinchazo/patt1.jpg);
}
.mainmenu{
	display:inline;
	font-family:Helvetica, Arial, sans-serif;
	font-size: 2.1vw;
	text-align:center;
}
.mainmenu li {
    float: left;
	width: 25%;
}
.mainmenu a {
	display: block;
    background-color: #272525;
	text-decoration:none;
	color:#FFFFFF;
	padding-top:9.9%;
	padding-bottom:9.9%;
}
.mainmenu a:hover {
	display: block;
    background-color: #505050;
	color:#FFFFFF;
}
.tannus {
	position:relative;
	top:-6px;
	height:2.2VW;
}
.contain{
	background-color:#FFF;
	border-style:solid;
	border-color:#CCC;
	border-width:1px;
	height:100%;
	width:100%;
}
.contain2{
	background-color:#FFF;
	border-style:solid;
	border-color:#CCC;
	border-width:1px;
	height:100%;
	width:100%;
	border-right:hidden;
	
}.contain3{
	background-color:#FFF;
	border-style:solid;
	border-color:#CCC;
	border-width:1px;
	height:100%;
	width:100%;
	border-left:hidden;
}
.contain4 {
	background-color:rgba(255,255,255,0.8);
	border-style:solid;
	border-color:#CCC;
	border-width:1px;
	width:100%;
}
.context {
	font-family:Helvetica, Arial, sans-serif;
	color:#666666;
	text-align:justify;
	padding-top:1%;
	padding-bottom:1%;
	padding-left:2%;
	padding-right:2%;
	height:100%;
}
#cualtannus {
	background-image:url(../neumatico-antipinchazo/cual-tannus-back.jpg);
	background-size:100%;
	background-repeat:no-repeat;
}
.h1 {font-size:1.2vw;}
.h2 {font-size:1.0vw;}
.h2 a {
	text-decoration:none;
	color:#666;
}
.h2 a:hover {
	text-decoration:underline;
	color:#666;
}
.h3 {font-size:0.9vw;}
.h4 {font-size:0.9vw;}
.h5 {font-size:0.4vw;}
.h6 {font-size:1.1vw;}
.h7 {font-size:1.2vw;}
.ftip1 {font-size:0.9vw;}
.ftip2 {font-size:1.0vw;}
.ftip3 {font-size:1.2vw;}
.ftip4 {font-size:28px;}
.ftip5 {font-size:28px;}
.ftip6 {font-size:28px;}
input[type=submit]{font-size:0.9vw;max-width:99.6%; min-width:99.6%;}
input[type=button]{font-size:0.9vw;max-width:99.6%; min-width:99.6%;}
textarea {font-size:0.9vw; max-width:96.96%; min-width:96.96%;}
.condat1 {max-width:98%; min-width:98%;}
.select {max-width:99.6%; min-width:99.6%;}
.conlignc {text-align:center;}
.conlignl {text-align:left;}
.conpadlp {padding-left:2%;}
.conpadtx {padding-top:2px;}
.conimg {
	max-height:64%;
	padding-top:0%;
	padding-bottom:0%;
	padding-left:2%;
	padding-right:2%;
	background-color:#FFF;
}
.contimg {
	padding-left:2%;
	padding-left:1%;
	padding-top:auto;
	padding-bottom:auto;
}
.convid {
	width: 98%;
	padding-top:2%;
	padding-bottom:0%;
}
.vidtab {
	width:98%
}
.vid {
	height:148px;
	width:228px;
}
.conlement {
	width:100%;
}
.conlementA {
	max-width:98%;
}
.conlement1 {
	max-width:98%;
	border-radius:16px;
}
.conlement1:hover {
	display: block;
    background-color: #272525;
	color:#FFFFFF;
}
.conlement2 {
	width:50%;
	display:block;
	float:left;
}
.conlement3 {
	width:12%;
	display:block;
	float:left;
}
.conlement4 {
	width:88%;
	display:block;
	float:left;
}
.conlement5 {
	width:38%;
	display:block;
	float:left;
}
.conlement6 {
	padding-left:2%;
	width:60%;
	display:block;
	float:left;
}
.conlement7 {
	width:100%;
	display:block;
	float:left;
}
.downstream {
	display:block;
	float:left;
	width:100%;
	height:100%;
	background-color:#FFF;
	border-style:solid;
	border-color:#CCC;
	border-width:1px;
	padding-top:2%;
	padding-bottom:2%;
}
.footercon {
	margin-left: auto;
	margin-right: auto;
	font-family:Helvetica, Arial, sans-serif;
	font-size:1vw;
	color:#666;
	text-align:center;
}
.footercon a {
	text-decoration:none;
	color:#666;
}
.footercon a:hover {
	text-decoration:underline;
	color:#666;
}
.containfeet{
	background-color:rgba(255,255,255,0.6);
	border-style:solid;
	border-color:#CCC;
	border-width:1px;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 10.101%;
	margin-top:1.0101%;
	width: 79.7979%;
	display: block;
}
#menu1 {
	clear: both;
	float: left;
	margin-left: 10.101%;
	width: 79.7979%;
	display: block;
}
#con1 {
	clear: both;
	float: left;
	margin-left: 10.101%;
	width: 39.3939%;
	display: block;
}
#con2 {
	clear: none;
	float: left;
	margin-left: 1.0101%;
	width: 39.3939%;
	display: block;
}
#con3 {
	clear: both;
	float: left;
	margin-left: 10.101%;
	width: 39.3939%;
	display: block;
}
#con4 {
	clear: none;
	float: left;
	margin-left: 1.0101%;
	width: 39.3939%;
	display: block;
}
#con5 {
	clear: both;
	float: left;
	margin-left: 10.101%;
	width: 39.3939%;
	display: block;
}
#con6 {
	clear: none;
	float: left;
	margin-left: 1.0101%;
	width: 39.3939%;
	display: block;
}
#con7 {
	clear: both;
	float: left;
	margin-left: 10.101%;
	width: 39.3939%;
	display: block;
}
#con8 {
	clear: none;
	float: left;
	margin-left: 1.0101%;
	width: 39.3939%;
	display: block;
}
#contact1 {
	clear: both;
	float: left;
	margin-left: 10.101%;
	width: 39.8989%;
	display: block;
}
#contact2 {
	clear: none;
	float: left;
	margin-left: 0%;
	width: 39.8989%;
	display: block;
}
#extra1 {
	clear: both;
	float: left;
	margin-left: 10.101%;
	width: 19.1919%;
	display: block;
}
#extra12 {
	clear: none;
	float: left;
	margin-left: 1.0101%;
	width: 19.1919%;
	display: block;
}
#extra2 {
	clear: none;
	float: left;
	margin-left: 1.0101%;
	width: 19.1919%;
	display: block;
}
#extra22 {
	clear: none;
	float: left;
	margin-left: 1.0101%;
	width: 19.1919%;
	display: block;
}
#footer {
	clear: both;
	float: left;
	margin-left: 10.101%;
	width: 79.7979%;
	display: block;
}
#concol1 {
	clear: both;
	float: left;
	margin-left: 10.101%;
	width: 39.8989%;
	display: block;
}
#concol2 {
	clear: none;
	float: left;
	margin-left: 0%;
	width: 39.8989%;
	display: block;
}
}