/* Start of CMSMS style sheet 'sercf' */
/* start of cmsms style sheet 'sercf' */
body {
	border-top-width: 0px;
	min-width: 600px;
	border-left-width: 0px;
	border-bottom-width: 0px;
	margin: 0px;
	border-right-width: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif, "AvantGarde Bk BT";
	background-color: #999999;
}

img {
	margin: 3px;
	border:none;
}


#wrapper {
	width: 980px;
	position: relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}


#header {
	width: 980px;
	height: 155px;
	position: relative;
}

#header p {
	padding-right: 15px; padding-left: 15px; padding-bottom: 0px; margin: 0px; padding-top: 0.4em
}
#header h1 {
	padding-right: 15px; padding-left: 15px; padding-bottom: 0px; margin: 0px; padding-top: 0.4em
}
#header h2 {
	padding-right: 15px; padding-left: 15px; padding-bottom: 0px; margin: 0px; padding-top: 0.4em
}


#topnav{
	width:980px;
	top: 125px;
	height: 30px;
	background-color: #008080;
	position: absolute;
	left: 0px;
}


#topnav ul{
	padding-left: 50px;
	margin: 0px;
}
#topnav ul li{
	font-family:Arial, Helvetica, sans-serif;
	float: left;
	list-style-type: none;
	font-size: 14px;
	line-height: 30px;
}
#topnav ul li.plus{
	background-color: #FF0000;
	font-weight: bold;
	font-size: 14px;
	width: 100px;
	text-align: center;
}
#topnav ul li a{
	text-decoration:none;
	margin-right: 15px;
	margin-left: 15px;
	font-weight: bold;
	color: #FFFFFF;
}
.online{
	background-color: #8A0000;
}
#topnav ul li.online a{
	color: #FFFF00;
	text-decoration: underline;
}
#topnav ul li.online a:hover{
	text-decoration: none;
}
#topnav ul li a:hover{
	text-decoration: underline;
}


#layoutdims {
	clear: both; padding-right: 15px! important; border-top: #000 4px solid; padding-left: 15px! important; background: #eee; padding-bottom: 6px! important; margin: 0px; padding-top: 6px! important; text-align: right;
}

	

.colmask {
	clear: both; float: left; overflow: hidden; width: 100%; position: relative
}
.colright {
	float: left; width: 100%; position: relative
}
.colmid {
	float: left; width: 100%; position: relative
}

#main {
	width: 980px;
	position: relative;
	background-color: #FFFFFF;
	float: left;
}

#left{
	width: 210px;
	font-size: 12px;
	margin-top: 10px;
	float: left;
	background-color: #FFFFFF;
}
#left h2{
	margin: 0px;
	padding: 0px;
	font-size: 20px;
	color: #008080;
}
#left p{
	margin: 0px;
	padding: 0px;
}
#leftbox{
	margin: 0px;
	padding-bottom: 20px;
}

#content{
	float: right;
	width: 750px;
	background-color: #FFFFFF;
	font-size: 12px;
	margin-top: 10px;
}

#content h2{
	font-size: 20px;
	color: #008080;
	margin: 0px;
}

.col1 {
	padding: 5px;
}
.col2 {
	margin: 5px;
}
.col3 {
	padding-right: 0px; padding-left: 0px;  padding-bottom: 1em; overflow: hidden; padding-top: 0px; position: relative; float: left;
}
.leftmenu {
	background: #fff
}
.leftmenu .colleft {
background: #f4f4f4
}
.leftmenu .col1 {
}
.leftmenu .col2 {
	left: 6%; width: 21%
}
#footer {
	float: left;
	width: 100%;
	font-size: 12px;
	background-color: #008080;
	color: #FFFFFF;
}
#footer p {
	padding-right: 10px; padding-left: 10px; padding-bottom: 10px; margin: 0px; padding-top: 10px
}
#footer a{
	color: #FFFFFF;
}


#cabecitas
{background:url(uploads/images/cabecitas.gif) no-repeat;
}


/* columnas */
.col-one {
	float: left;
	background-color: #f0ecfc; padding: 5px;
}

.col-two {
	float: right;
	background-color: #e4f4ff; padding: 5px;
}

.col-3 {
	float: center;
	background-color: #fcf5f5; padding: 5px;
        width: 520px;
text-align: center;
}

.two-cols {
	font-size: 12px;
	margin: 5px;
	float: left;
}

.two-cols .col-one, .two-cols .col-two {
	width: 320px;
	float: left;
	margin: 10px;
}

iframe{
	width: 600px;
	height: 200px;
	border: 1px solid #CCCCCC;
}

/*estilo cajas/*

/* boxes */

#derecha #best-posts{margin:10px 0 20px;background:#e2f6fa;-moz-border-radius:5px;}
	#derecha #best-posts h4{border-bottom:5px solid #66c2ff;padding:3px 0;font-size:1.2em;font-weight:bold;margin-bottom:10px;}
	#derecha #best-posts li{list-style:none;margin:0 4px;padding-bottom:5px;}
	#derecha #best-posts li a{display:block;}
	#derecha #best-posts li a .thumbnail_post{width:50px;height:50px;float:left;border:0;margin:4px;}
	#derecha #best-posts li a .c_right{width:250px;float:right;margin-right:5px;}
	#derecha #best-posts li a span.titulo{font-weight:bold;display:block;color:#66c2ff;font-size:1.1em;}
	#derecha #best-posts li a span{font-size:.9em;color:#666;font-weight:normal;line-height:110%;}
	#derecha #best-posts li a:hover{background:#333;}
	#derecha #best-posts li a:hover span.titulo{color:#fff;}
	#derecha #best-posts li a span{color:#666;}



/*---------*/
#banner{
	text-align: center;
	background-image: url(uploads/images/fondo_banner.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 980px;
}
#banner img{
	margin: 0px;
	padding: 0px;
}


/* my class*/

.centrar{text-align: center;}
.derecha{}
.colortitulosleft{
	color:#008080;
	font-size: 20px;
}
.colortitulos-art{color:#784cfc;}
.colortitulos-art2{color:#19a1ff}
.espacio{
	padding: 0px;
	margin: 0px;
}

table 
{
	background-color: #d2d7db;
	text-align: left;
	border-spacing: 0px;
	border: 1px solid #aeb3b6;
	border-collapse: collapse;
}

table a, table, tbody, tfoot, tr, th, td 
{
	font-family: georgia, "times new roman", serif;
	line-height: 1.5em;
	font-size: 13px;
	color: #55595c;
}

table caption
{
	border-top: 1px solid #aeb3b6;
	padding: .5em 0;
	font-size: 240%;
	font-style: italic;
	color: #d2d7db;
}

table a
{
	display: block;
	padding: 0.75em 2px;
	text-decoration: none;
	color: #589acf;
}

table a:hover, table a:focus
{
	text-decoration: underline;
}

table th a
{
	min-height: 4.5em;
	text-align: right;
	padding: 0 2px 1.5em 2px;
}

table th a:hover, table th a:focus, tbody tr:hover th
{
	background-color: #357eb9;
	color: #fff !important;
}

table a:visited
{
	padding-left: 15px;
	background: url(./check.gif) 2px 50% no-repeat;
}

table th a:visited
{
	padding-right: 15px;
	background: url(./check.gif) 98% 0.4em no-repeat;
}

thead th
{
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 1px;
	color: #81888d;
	padding: 0.75em 2px;
	border-bottom: 1px solid #fff;
}

tbody th
{
	color: #25c1e2;
	font-style: italic;
	background-color: #fff;
	border-bottom: 1px solid #aeb3b6;
}

td
{
	border: 1px dotted #fff;
	padding: 0 2px;
}

tbody tr.odd
{
	background-color: #d7dce0;
}

tbody tr:hover td
{
	background-color: #5f9ed1;
}

tbody tr:hover td,tbody tr:hover th, tbody tr:hover a
{
	color: #fff !important;
}

#menu4 {
}
#menu4 ul{	padding:0;	height:35px;width: 700px;}
#menu4 li {float:left;list-style:none;}
#menu4 li a {
	float:left;
	height:35px;
	line-height:33px;
	text-decoration:underline;
	font-family:arial, verdana, sans-serif;
	text-align:center;
	font-size:16px;
	width: 150px;
	font-weight: bold;
}
#menu4 li a b {float:left; display:block; padding:0 28px 0 14px;}
#menu4 li.current a {color:#fff; background:url(uploads/images/pro_four2.gif);}
#menu4 li.current a b {background:url(uploads/images/pro_four2.gif) no-repeat right top;}
#menu4 li a:hover {
	text-decoration: none;
}
#menu4 li a:hover b {background:url(uploads/images/pro_four1.gif) no-repeat right top;}
#menu4 li.current a:hover {color:#fff; background: url(uploads/images/pro_four2.gif); cursor:default;}
#menu4 li.current a:hover b {background:url(uploads/images/pro_four2.gif) no-repeat right top;}



#foto {
	left: 211px;
	top: 412px;

}
#opc img{
	border: 1px solid #999999;
}
#opc {
	left: 231px;
	top: 52px;
	position: absolute;
}
#opc p{
	margin: 0px;
	font-size: 11px;
}
#ad{
	width: 450px;
	height: 20px;
}
img {
	text-decoration: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
#iconos{
	height: 272px;
	width: 111px;
	text-align: left;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	position: absolute;
	left: 570px;
	top: 11px;
}
#iconos img{
cursor: pointer;
}

/* End of 'sercf' */