@charset "utf-8";
/* CSS Document */

.web {
	max-width: 1200px;
	min-width: 320px;
	margin: auto;
}

.transition {
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

input:focus, 
textarea:focus, 
select:focus, 
button:focus {
	outline: 0px;
}

input:-webkit-autofill,
textarea:-webkit-autofill, 
select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
}

input:-webkit-autofill, 
textarea:-webkit-autofill, 
select:-webkit-autofill {
    -webkit-text-fill-color: #000;
}

textarea {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	resize: none;
}

a:active {text-decoration: none;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}

a img { border: 0px;}

p {margin: 0px; margin-bottom: 10px;}

.centrado {
	width: 100%;
	float: left;
	text-align: center;
}

.left {float: left;}
.right {float: right;}

.tleft {text-align: left;}
.tright {text-align: right;}

.bg-blanco {background-color: #FFF;}
.bg-negro {background-color: #000;}
.bg-rojo {background-color: #F00;}
.bg-azul {background-color: #05B;}
.bg-gris {background-color: #999;}
.bg-verde {background-color: #093;}

.blanco {color: #FFF;}
.negro {color: #000;}
.rojo {color: #F00;}
.azul {color: #05B;}
.gris {color: #999;}
.verde {color: #093;}

.blur {box-shadow: 10px 10px 15px #999;}

.redondeado {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.inline {width: 100%; float: left;}
.diline {width: 50%; float: left;}
.triline {width: 33%; float: left;}
.ditriline {width: 66%; float: left;}
.tetraline {width: 25%; float: left;}