a img { 

	border: none;

}

img {

	width:100%;

}

a:link {

	color: #CCCCCC;

	text-decoration: underline; 

}

a:hover {

	background: #333;

	color:#F00;

	text-decoration:underline;

	border-radius:5px;

	padding:2%;

}

a:visited {

	color:#00F;

}

ul li a{

	font-size:16px;

	text-decoration:none;

	padding:5px;

	color:#FFF;

	font-weight:bold;

	border-radius:3px;

	-webkit-transition: all 200ms ease-in;

	-moz-transition: all 200ms ease-in;

	transition: all 200ms ease-in;

}

table {

	margin-left:5%;

	margin-right:5%;

}

body {

	background-color: #2980B9;

	margin: 0;

	padding: 0;

	color: #fff;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 100%;

	text-align: justify;

	background-image: url(../img/estructura/fondoweb.png);

	background-repeat: repeat;

}

.header {

	background-color:#1F618D;

	height: 100px;

	width: 100%;

	background-repeat: repeat-x;
	
	color: #D5863F;

}

.menu {

	background:#154360;

	float:left;

	width: 100%;	

}

.logotipo {

	float:left;

	width:177px;

	height:60px;

	padding:10px;

}

.logotipotexto {

	float:left;

	width:90px;

	height:20px;

	padding-top:50px;

}



.redessociales {

	width: 40px;

	height:40px;

	float: right;

	padding:20px;

}

.buscador {

	width: 20%;

	height:60px;

	float: right;

	color:#000;

}

.slider {

	float:left;

	width:100%;

}

.contenidoderecho {

	width: 71%;

	background-color: #fff;

	float: left;

	margin:1%;

	padding:1%;

	border-radius: 20px 20px 20px 20px;
	
	color: #000;

	

}

.contenidoizquierdo {

	width: 21%;

	background: #D5863F;

	color:#000;

	float: right;

	margin:1%;

	padding:1%;

	border-radius: 20px 20px 20px 20px;

	text-align:center;

}

.contenidoizquierdoimg {

	float:left;

	width: 46%;

	margin: 2%;

	

}

.pie {

	float:left;

	width:100%;

	padding-top:20px;

	padding-bottom:20px;

}

.pietexto {

	text-align:center;

	width:100%;

	float:left;

}

.videoindex{

	width: 50%;

	float: left;

	padding-right: 1%;

	margin-left: 1%;

}

.cintaviper{
	background-color: #D5863F;
	height:10px;
	width:100%;
	float:left;

}

@media screen and (max-width: 980px) {

.menu {

	display:none;	

}

.cajacatalogo {

	width:46%;

	padding:2%;

	float:left;

}

}

@media screen and (max-width: 780px) {

.buscador {

	width: 35%;

	height:60px;

	float: right;

}

.logotipo {

	float:left;

	width:10%;

	height:auto;

	padding:0px;

}

.logotipotexto {

	display: none;

}

}

@media screen and (max-width: 480px) {

.contenidoderecho {

	width: 98%;

	float: left;

	margin:1%;

	padding:0%;

	border-radius: 0px 0px 0px 0px;

	box-shadow: 0px 0px 0px 0px #333;	

}

.buscador {

	width: 100%;

	height:60px;

	float: left;

}

.cajacatalogo {

	width:96%;

	padding:2%;

	float:left;

}

.logotipotexto {

	float:left;

	width:auto;

	height:auto;

	padding-top:0px;

}

.contenidoizquierdo {

	float:left;

	width: 96%;

	float: right;

	margin:1%;

	padding:1%;

	border-radius: 0px 0px 0px 0px;

	box-shadow: 0px 0px 0px 0px #333;

	text-align:center;

}

.contenidoderecho ul {

	display:block;

	list-style:circle;

}

.contenidoizquierdoimg {

	float:left;

	width: 29%;

	margin: 2%;	

}

.videoindex{

	width: 100%;

	float: left;

	padding-right: 1%;

	margin-left: 1%;

}

}