.contenidodesc{background: #fff;width: 960px;float: left;}
.descript{margin-left: 16px;margin-bottom: 40px;margin-top: 10px;width: 930px;float: left;
height: 100%; }
.descript .principalcatg{width: 230px;height:auto;float:left;padding: 4px;margin: 10px;
/* border:1px solid rgb(230, 230, 230);border-radius: 10px; */}
.descript .principal{width: 630px;height:100%;float:left;margin: 20px 0 20px 20px;border:1px solid rgb(230, 230, 230);border-radius: 10px;}
.principal .img{ width: 300px;text-align: center;height: 
100%;border-right: 1px solid rgb(230, 230, 230);float:left;

}
.principal .detalle-p {width: 280px;margin-right: 10px;margin-left: 10px;margin-top: 16px;word-wrap: break-word;float:left;}
.detalle-p .detalle-ptotal{width: 280px;height:70%;float: left;}
.detalle-p .detalle-menus{width: 280px;height:30%;padding-bottom:10px;float: left;}
.detalle-p .detalle-t{width:100%;padding-left: 30px;word-wrap: break-word;margin-bottom:10px;}
.detalle-t h2{color:black !important;font-size: 20px !important;line-height: 20px;padding: 7px 0 7px 0 !important;}
.detalle-p .detalle-pre{background:rgba(159, 0, 0, 0.81);width:100%;padding-left: 30px;word-wrap: break-word;border-radius:5px;}
.detalle-pre h2{color:white !important;font-size: 16px !important;line-height: 20px;padding: 7px 0 7px 0 !important;}
.detalle-p .detalle-desc{border-bottom: 3px solid rgb(221, 220, 220);background:#fafafa;color:black;width:100%;padding: 10px 0 10px 30px;margin-bottom: 10px;word-wrap: break-word;}
.detalle-desc p{
color:black !important;
font-size:12px;
font-family: 'Open Sans', helvetica;
text-align:justify;
padding-right: 10px;
}

.detalle-p .detalle-v{color:black;width:320px;margin-top:20px;padding:10px 0px 10px 0px;word-wrap: break-word;float: left;}
.detalle-v a img{
position:absolute;
margin-left:-35px;
}
.detalle-v a.volver, table tr td input[type=button]{
float:left;
font-size:12px;
padding:5px;
color: #FFFFFF;
background:#000;
text-align:right!important;
transition: all .4s ease;
-ms-transition: all .4s ease;
-moz-transition: all .4s ease;
-webkit-transition: all .4s ease;
-o-transition: all .4s ease;
width: 88px;
height:30px;

margin-top:10px;
margin-left:5px;
border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
cursor: pointer;
}
.detalle-v a.volver:hover  ,  table tr  td  input[type=button]:hover{
background:#DA9E21;
}

.descript .principalcatg h3{
background: rgb(221,221,221); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZmJmYmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(221,221,221,1) 0%, rgba(241,241,241,1) 50%, rgba(246,246,246,1) 51%, rgba(246,246,246,1) 51%, rgba(191,191,191,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(221,221,221,1)), color-stop(50%,rgba(241,241,241,1)), color-stop(51%,rgba(246,246,246,1)), color-stop(51%,rgba(246,246,246,1)), color-stop(100%,rgba(191,191,191,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(221,221,221,1) 0%,rgba(241,241,241,1) 50%,rgba(246,246,246,1) 51%,rgba(246,246,246,1) 51%,rgba(191,191,191,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(221,221,221,1) 0%,rgba(241,241,241,1) 50%,rgba(246,246,246,1) 51%,rgba(246,246,246,1) 51%,rgba(191,191,191,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(221,221,221,1) 0%,rgba(241,241,241,1) 50%,rgba(246,246,246,1) 51%,rgba(246,246,246,1) 51%,rgba(191,191,191,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(221,221,221,1) 0%,rgba(241,241,241,1) 50%,rgba(246,246,246,1) 51%,rgba(246,246,246,1) 51%,rgba(191,191,191,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#bfbfbf',GradientType=0 ); /* IE6-8 */




		width:220px;
		font-size:15px;
		text-align:center;
		color:#0077AF;
		padding:7px 0;
		
		-webkit-border-top-left-radius: 3px;
		-webkit-border-top-right-radius: 3px;
		-moz-border-radius-topleft: 3px;
		-moz-border-radius-topright: 3px;
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;	
} 


/*tabs*/
.tabs {
    position: relative;
	margin-top: 40px; 
	width: 892px;
	float: left;
}

.tabs input {
	position: absolute;
	z-index: 1000;
	width: 120px;
	height: 40px;
	left: 0px;
	top: 0px;
	opacity: 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
	cursor: pointer;
}
.tabs input#tab-2{
	left: 120px;
}
.tabs input#tab-3{
	left: 240px;
}
.tabs input#tab-4{
	left: 360px;
}

.tabs label {
	background: white;
	font-size: 12px;
	line-height: 40px;
	height: 40px;
	position: relative;
	padding: 0 20px;
    float: left;
	display: block;
	width: 80px;
	color: #385c5b;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.3);
    border-radius: 3px 3px 0 0;
    box-shadow: 2px 0 2px rgba(0,0,0,0.1), -2px 0 2px rgba(0,0,0,0.1);
	-webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    transition: all linear 0.3s;
}

.tabs label:after {
    content: '';
	background: #fff;
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 100%;
	height: 2px;
	display: block;
}

.tabs input:hover + label {
	background: rgba(159, 0, 0, 0.81);
	color:white;
}

.tabs label:first-of-type {
    z-index: 4;
    box-shadow: 2px 0 2px rgba(0,0,0,0.1);
}

.tab-label-2 {
    z-index: 3;
}

.tab-label-3 {
    z-index: 2;
}

.tab-label-4 {
    z-index: 1;
}

.tabs input:checked + label {
    background: rgb(252, 252, 252);;
	z-index: 6;
	
    -webkit-animation: page 0.2s linear;
    -moz-animation: page 0.2s linear;
    -ms-animation: page 0.2s linear;
    -o-animation: page 0.2s linear;
    animation: page 0.2s linear;
}

.clear-shadow {
	clear: both;
}

.content {
    background: rgb(252, 252, 252);
	position: relative;
    width: 100%;
	height: 200px;
	z-index: 5;
	overflow: hidden;
    box-shadow: 0 -2px 3px -2px rgba(0,0,0,0.2), 0 2px 2px rgba(0,0,0,0.1);
    border-radius: 0 3px 3px 3px;
}

.content div {
    position: absolute;
	top: 0;
	padding: 10px 40px;
	z-index: 1;
    opacity: 0;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    transition: all linear 0.3s;
}

.content-1, .content-3 {
	-webkit-transform: translateX(-250px);
	-moz-transform: translateX(-250px);
	-o-transform: translateX(-250px);
	-ms-transform: translateX(-250px);
	transform: translateX(-250px);
}

.content-2, .content-4 {
    -webkit-transform: translateX(250px);
	-moz-transform: translateX(250px);
	-o-transform: translateX(250px);
	-ms-transform: translateX(250px);
	transform: translateX(250px);
}

.tabs input.tab-selector-1:checked ~ .content .content-1,
.tabs input.tab-selector-2:checked ~ .content .content-2,
.tabs input.tab-selector-3:checked ~ .content .content-3,
.tabs input.tab-selector-4:checked ~ .content .content-4 {
    -webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-o-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);
	z-index: 100;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition: all ease-out 0.2s 0.1s;
    -moz-transition: all ease-out 0.2s 0.1s;
    -o-transition: all ease-out 0.2s 0.1s;
    -ms-transition: all ease-out 0.2s 0.1s;
    transition: all ease-out 0.2s 0.1s;
}

.content div h2,
.content div h3{
	color: #398080;
}
.content div p {
	font-size: 11px;
	line-height: 22px;
	text-align: left;
	margin: 0;
	color: #777;
	padding-left: 15px;
	font-family: 'Open Sans', sans-serif;
	
}

@keyframes "page" {
 0% {
    left: 0;
 }
 50% {
    left: 10px;
 }
 100% {
    left: 0;
 }

}

@-moz-keyframes page {
 0% {
   left: 0;
 }
 50% {
   left: 10px;
 }
 100% {
   left: 0;
 }

}

@-webkit-keyframes "page" {
 0% {
   left: 0;
 }
 50% {
   left: 10px;
 }
 100% {
   left: 0;
 }

}

@-ms-keyframes "page" {
 0% {
   left: 0;
 }
 50% {
   left: 10px;
 }
 100% {
   left: 0;
 }

}

@-o-keyframes "page" {
 0% {
   left: 0;
 }
 50% {
   left: 10px;
 }
 100% {
   left: 0;
 }

}
/* fin tabs*/