/* CSS Document */
.table {display:table;width:100%;text-align:center}
.right_image {max-width:100%; clear:both; float:none;margin:0;padding:0;text-align:center}
.left_image {max-width:100%; clear:both; float:none;margin: 0;padding:0;text-align:center}

.xsmall_right_image {max-width:50%;clear:none;float:right;margin-left:5px;margin-bottom:5px; padding:0;text-align:center}
.small_right_image {max-width:100%; clear:both; float:none;margin: 0;
	padding:0;text-align:center}
	
.xsmall_left_image {max-width:50%;clear:none;float:left;margin-right:5px;margin-bottom:5px; padding:0;text-align:center}
.small_left_image {max-width:100%; clear:both; float:none;margin: 0;
	padding:0;text-align:center}
	
.vcsm, .vcsmr {width:100%;display:table-row;text-align:center}
.vcxsm {width:50%;text-align:center}
.vcxsmr {width:49%;text-align:center}
.vcxs {width:1px;height:auto;display:table-cell}
.vcs {height:2px;width:100%;display:table-row}

.tablerow {
	clear: both;
}
.video_container {
	position:relative;
	text-align:center;
}	
.video_overlay { 
	background-image:url("/spanish/images/video_buttons/round_player_button2.png");
	background-repeat:no-repeat;
	background-position:center;
	position:absolute; top:0; left:0;
	width:100%;
	height:100%;
}
.video_overlay-sm { 
	background-image:url("/spanish/images/video_buttons/round_player_button-sm.png");
	background-repeat:no-repeat;
	background-position:center;
	position:absolute; top:0; left:0;
	width:100%;
	height:100%;
}

@media screen and (min-width:439px)
{
.right_image {max-width:75%;clear:both;float:none;margin:0 auto}
.left_image {max-width:75%; clear:both; float:none;margin:0 auto}
.xsmall_right_image {max-width:30%; margin-left: 6px;margin-bottom:6px}
.small_right_image {max-width:60%; clear:none;float:right;margin-left:6px}

.xsmall_left_image {max-width:30%; margin-right: 6px;margin-bottom:6px}
.small_left_image {max-width:60%; clear:none;float:left;margin-right:6px}

.vcxsm {width:33%}
.vcxsmr {width:66.4%}
.vcxs {width:2px}
.vcs {width:2px;height:auto;display:table-cell}
 .vcsm {width:60%;display:table-cell}
 .vcsmr {width:39.4%;display:table-cell}

}
@media screen and (min-width:700px)
{
	
.right_image {max-width:60%;clear:none; float:right; margin-left:6px;margin-bottom:6px}
.left_image {max-width:60%;clear:none; float:left; margin-right:6px;margin-bottom:6px}
 
.xsmall_right_image {max-width:20%}
.small_right_image {max-width:40%}
.vcsm,.vcxsm,.vcsmr,.vcxsmr,.vcs,.vcxs
{
    display: table-cell;
	vertical-align:middle
 }

.vcs, .vcxs {width:2px;height:auto} /* space between .vcsm and .vcsmr, space between .vcxsm and .vcxsmr */
.vcxsm {width:20%}
.vcxsmr {width:79.6%}
 .vcsm {width:40%}
 .vcsmr {width:59.6%}

}