﻿body {background-color:#999; margin:0; font-family:Trebuchet MS; font-size:15px; color:#333}
.container {width:980px; margin:0 auto}
h1, h2, h3, h4 {font-weight:normal}
ul, li {margin:0; padding:0; list-style-type:none}
:focus {outline-width:0}
img {border:0;}
.clear {clear:both}


/*HEADER*/
.header{margin-top:20px; height:205px; background: rgb(204, 204, 204);
background: -moz-linear-gradient(270deg, rgb(204, 204, 204) 15%, rgb(255, 255, 255) 76%);
background: -webkit-linear-gradient(270deg, rgb(204, 204, 204) 15%, rgb(255, 255, 255) 76%);
background: -o-linear-gradient(270deg, rgb(204, 204, 204) 15%, rgb(255, 255, 255) 76%);
background: -ms-linear-gradient(270deg, rgb(204, 204, 204) 15%, rgb(255, 255, 255) 76%);
background: linear-gradient(0deg, rgb(204, 204, 204) 15%, rgb(255, 255, 255) 76%);}
.header h1,h2{float:left; margin:0}
h1 a{background: url(imagenes/taxos_logo.png) no-repeat; width:323px; height:150px; display:block;/*para que tome la etiqueta como bloque*/ text-indent:-9999px; position:relative; top:13px; right:40px;}
.header h2{font-family:Arial; font-size:22px; color:#999; margin-top:50px; position:relative; right:30px}
.header a.presionado{text-decoration:underline}
.header li{float:left}

/*MENU PRINCIPAL*/
.nav {background:#727376; height:53px; width:508px; margin-top:75px; float:right}
.nav a{display:block; text-align:center; font-family: 'Ubuntu', sans-serif; color:#fff; font-size:17px; text-decoration:none; border-right:2px solid #fff; margin-top:16px; padding:0 10px;}
.nav a:hover {text-decoration:underline;}
 
#a4 {border:0!important}
.imgnav{width:27px; height:70px; background: url(imagenes/nav.png); position:relative; bottom:37px; left:508px}

/*MENU SECUNDARIO*/
.nav2 {float:left; width:980px; height:40px; border-top:2px solid #999; margin-top:10px}
.nav2 a {display:block; text-align:center; color:#666; font-size:15px; text-decoration:none; border-right:2px solid #666; margin-top:13px; padding:0 10px}
.nav2 a:hover {text-decoration:underline}
#a5 {padding-left:15px!important}

/*CONTENIDO*/
h3{margin-bottom: 5px}
h4{margin-bottom: 0; font-size:14px; font-weight:bold!important}
.content{margin:20px 30px}
.content2{text-align:center; margin-top:20px; font-size:12px;}
.section{padding:20px 60px 80px 60px; min-height:100px; background:#fff}
.section a{color:#333; text-decoration:none}
.section a:hover{background:#ffd800}
.titulo h3{display:block; text-align:center; font-family: 'Ubuntu', sans-serif; color:#666; font-size:22px; padding:6px 0; margin:0}
.titulo {background-color:#FBF321; height:40px; margin:20px 0 30px 0}
.titulo2 h3{display:block; text-align:center; font-family: 'Ubuntu', sans-serif; color:#666; font-size:20px; padding:7px 0; margin:0}
.titulo2{background-color:#ccc; height:35px; margin-top:20px}
.col1{width:420px; float:left; }
.col2{width:420px; float:right;}
.col3{width:400px; float:left; margin-left:40px}

/*PRODUCTOS*/
.img{width:200px; height:170px; background:#ccc}
.img2{width:200px; height:210px; background:#ccc}
.c1{width:200px; float:left; margin:0 15px 20px 10px; font-size:12px}
.c1 h3 {font-size:18px;font-weight:bold!important}
.c2{width:200px; float:left; margin-right:15px; margin-bottom:20px; font-size:12px;}
.c3{width:180px; height:260px; float:left; margin-right:15px; margin-bottom:20px; font-size:12px; padding: 0 15px 0 10px; border-right:1px solid #ccc}
.c4{width:600px; float:left; margin-right:15px; margin-bottom:20px; font-size:12px; padding: 0 0 20px 20px;}
.c4 h3 {font-size:20px;font-weight:bold!important; margin:0}
.c{padding: 0 15px}
.c p{margin-top:10px}
#a6{margin:0; border:0; padding-right:0}

.botones{text-align:center;}

table{background:#ccc; width:600px}
td{background:#fff; text-align:left}

.leermas a {float: right; display:block; padding:5px 0 0 15px; color:#666; font-size:12px; text-decoration:none; background:#ccc; width:80px; height:20px; -moz-border-radius-topleft: 8px;
-webkit-border-top-left-radius: 8px;
 border-top-left-radius: 8px;
-moz-border-radius-bottomleft: 8px;
-webkit-border-bottom-left-radius: 8px;
border-bottom-left-radius: 8px;}
.leermas a:hover {background:#FBF321; color:#666; text-decoration:none}
.vermas a {float: right; display:block; padding:5px 0 0 15px; color:#666; font-size:12px; text-decoration:none; background:#ccc; width:120px; height:20px; -moz-border-radius-topleft: 8px;
-webkit-border-top-left-radius: 8px;
 border-top-left-radius: 8px;
-moz-border-radius-bottomleft: 8px;
-webkit-border-bottom-left-radius: 8px;
border-bottom-left-radius: 8px;}
.vermas a:hover {background:#FBF321; color:#666; text-decoration:none}
.vermas2 a {float: right; display:block; margin-top:5px; padding:5px 15px 0 10px; color:#666; font-size:12px; text-decoration:none; background:#ccc; height:20px; -moz-border-radius-topleft: 8px;
-webkit-border-top-left-radius: 8px;
 border-top-left-radius: 8px;
-moz-border-radius-bottomleft: 8px;
-webkit-border-bottom-left-radius: 8px;
border-bottom-left-radius: 8px;}
.vermas2 a:hover {background:#FBF321; color:#666; text-decoration:none}

/*FOOTER*/   
.footer{background:#333; min-height:110px; padding:5px; border-top:6px solid #FBF321;}
.footer p{text-align:center; color:#ccc; font-size:16px; margin:0; }
a.flechita{text-align:center; display:inline-block; background:url(imagenes/flecha.png)no-repeat; width:41px; height:41px; background-position:right; position:relative; top:-25px; left:460px; text-indent:-9999px}
a:hover.flechita{background-position:left}
.afip{float:right; margin-right:50px}

/*FORMULARIO*/
form, fieldset, input, textarea {margin: 0; padding: 0; border: 0; outline: none}
.contact {margin:20px 0 0 20px}
label {float: left; clear: left; margin: 8px 10px 0 0; width: 130px; text-align: right; font-size: 15px; color: #445668}
input {width: 200px; height: 25px; padding: 5px 10px 0px 10px; margin: 0 0 15px 0; background: #ccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;font-family: sans-serif; font-size: 14px; color: #666; border:solid 1px #ccc}
textarea {width: 200px; height: 170px; padding: 12px 10px 0px 10px; margin: 0 0 20px 0; background: #ccc; border-radius: 5px; font-family: sans-serif; font-size:14x; color:#666; border:solid 1px #ccc}
#telefono{width: 120px;}
input:focus, textarea:focus {background: #fff; border:solid 1px #ccc}
input[type=submit] {font-size:16px; line-height:16px; width:80px; padding:0; height:30px; border: solid 2px #999; float:right; margin:0 35px 0 0; cursor: pointer; background: rgb(229, 136, 55);
background: -moz-linear-gradient(90deg, rgb(230, 35, 55) 1%, rgb(251, 243, 33) 70%);
background: -webkit-linear-gradient(90deg, rgb(228, 186, 55-) 1%, rgb(251, 243, 33) 70%);
background: -o-linear-gradient(90deg, rgb(228, 186, 55) 1%, rgb(251, 243, 33) 70%);
background: -ms-linear-gradient(90deg, rgb(228, 186, 55) 1%, rgb(251, 243, 33) 70%);
background: linear-gradient(0deg, rgb(228, 186, 55) 1%, rgb(251, 243, 33) 70%);}
input[type=submit]:hover{background: #FBF321}